Create another new text file and write the following codes.                                                         A White Header               This paragraph has a blue font.               The background color of this page is gray because               we changed it with CSS! Save this file with name MyExternalCSSdemo.html (Run and see the effect.)     Create a new folder name – Tutorial -5    Create a two text file inside this folder and name – Tutorial -5.txt for HTML page and ExternalCSS.txt for CSS file Open Tutorial -5.txt as a sublime text (by right click on it) Following tasks to be completed to develop a web page using external CSS. 1. Create an External CSS which should have background colour ‘white’, Header H1 colour ‘black’ and paragraph colour ‘Red’ 2. Web page should have heading “Tutorial Five Demonstration” 3. Write a paragraph (use tag) in 5-6 lines which should contain your Name and your first experience with External CSS 4. Use individual margin properties. Add following into your .css file (Run and see the effect.) p {   border: 1px solid black;    margin-top: 100px;   margin-bottom: 100px;   margin-right: 150px;   margin-left: 80px; } 5. a) Paste your codes and output in a word document. b) Write a comment on the output explaining how External CSS

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

Create another new text file and write the following codes.

<html>

              <head>

              <link rel="stylesheet" type="text/css" href="test.css" />

              </head>

<body>

              <h3> A White Header </h3>

              <p> This paragraph has a blue font.

              The background color of this page is gray because

              we changed it with CSS! </p>

</body>

</html>

Save this file with name MyExternalCSSdemo.html (Run and see the effect.)

   

Create a new folder name – Tutorial -5   

Create a two text file inside this folder and name – Tutorial -5.txt for HTML page and

ExternalCSS.txt for CSS file

Open Tutorial -5.txt as a sublime text (by right click on it)

Following tasks to be completed to develop a web page using external CSS.

  1. 1. Create an External CSS which should have background colour ‘white’, Header H1 colour ‘black’ and paragraph colour ‘Red’
  2. 2. Web page should have heading “Tutorial Five Demonstration
  3. 3. Write a paragraph (use <p> tag) in 5-6 lines which should contain your Name and your first experience with External CSS
  4. 4. Use individual margin properties.

Add following into your .css file (Run and see the effect.)

p {

  border: 1px solid black; 

  margin-top: 100px;

  margin-bottom: 100px;

  margin-right: 150px;

  margin-left: 80px;

}

  1. 5. a) Paste your codes and output in a word document.
  2. b) Write a comment on the output explaining how External CSS

 

Expert Solution
steps

Step by step

Solved in 3 steps with 3 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY