Session 2

1. Copy the HTML script into the editor

2_1

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

Open first.html in the browser

2. Replace the script in the editor

2_2

Save the new script as first.html in the work folder

Open first.html in the browser

3. Edit the HTML script

2_3

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

Save this as index.html in the work folder

Lists / Super & Sub Scripts

1. Copy the Lists HTML into the editor

3_1

Save and Browse

2. Copy the Nested Lists into the editor

3_2

Save and Browse

3. Combine some scripts

3_3

Save and Browse

4. Copy the superscript / subscript HTML into the editor

3_4

Save and Browse

Images and Tables

Right click on each image and save in the images subfolder

1. Images

Copy script into editor.

Overwrite index.html in the work folder and open in the browser

4_1

2. Lists

Modify Lists using lorem ipsum filler text.

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>My Website</title>
</head>
<body style="color:blue;font-family:Arial;">
   <h1>Welcome to the Website</h1>
   <h2>About</h2>
   <ul style="color:blue;"> 
      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
      <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </li>
      <li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </li>
      <li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>   
   </ul> 
   <h2>The Team</h2>
    <img src="images/Carrie.jpg" alt="Carrie" width="15%">
    <img src="images/Kenyatta.jpg" alt="Kenyatta" width="15%">
    <img src="images/Jevonie.jpg" alt="Jevonie" width="15%">
    <img src="images/Talesa.jpg" alt="Talesa" width="15%">
    <img src="images/Chrisfino.jpg" alt="Chrisfino" width="15%">
</body>
</html>

Session 2 - HTML Web Page

1. Copy the HTML script into the editor

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

Open first.html in the browser

2. Replace the script in the editor

Save the new script as first.html in the work folder

Open first.html in the browser

3. Edit the HTML script

Save and Browse

4. Copy the HTML script into the editor

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

Save this as index.html in the work folder

Lists / Super & Sub Scripts

1. Copy the Lists HTML into the editor

Save and Browse

2. Copy the Nested Lists into the editor

Save and Browse

3. Combine some scripts

Save and Browse

4. Copy the superscript / subscript HTML into the editor

Save and Browse

Activities

Create this website

Save this as session3b.html

Modify index.html

Save in the work folder and browse.

My Website should look like this.

Extension Activities

Use Colors File to add more colors to scripts

Images and Tables

Right click on each image and save in the images subfolder

1. Images

Copy script into editor.

Overwrite index.html in the work folder and open in the browser

2. Lists

Modify Lists using lorem ipsum filler text.

3. Table

Create a table template of language regions.

Open Website