Session 2

Session 2 - First Web Page

1. Copy the HTML script into the editor<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<!-- A Comment is not displayed -->
</body>
</html>
Save the HTML script as first.html in the work folderOpen first.html in the browser
2. Replace the script in the editor<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<!-- Headings -->
<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
<h5>This is Heading 5</h5>
<h6>This is Heading 6</h6>
<p>This is a paragraph</p>
</body>
</html>	
Save the new script as first.html in the work folderOpen first.html in the browser
3. Edit the HTML script <!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Style Attributes</h1>
<h2 style="color:blue;">Blue Heading 1</h1>
<h3 style="color:red;">Red Heading 3</h3>
<p style="color:green;">Green paragraph</p>
<p style="color:orange;">Orange paragraph</p>
</body>
</html>
Save and Browse

4. Copy the HTML script into the editor

2_4

Save the HTML script as second.html in the work folder

Activity

Create this website using the saved first.html and second.html scripts and add more comments

index

Save this as index.html in the work folder