TechRoots - Web Development Lesson 4
<!DOCTYPE html>
/* CSS */
// JavaScript

Lesson 4

Let’s now make our Friend Section

You will now use the syntax we have learned and build your own friend section

Next lets edit the following lines of code: 

            
              <h1>My First CSS Example</h1>
              <center><p>This is a paragraph.</p></center>

Create a heading by editing the <h1> tag to look like this

         
           <h1 id="friend">My First CSS Example</h1>

In the <h1> do the following=

(Example: John’s best friend)

Make sure you close your <h1> tag Example= </h1>

Now let’s edit the <p> tags

1. In the 1st<p> tag write who your best friends name is.

2. In the 2nd<p> tag write why this person is your best friend

3. In the 3rd<p> tag write your best friends favorite color.

Lastly, once you are done press Refresh and Result to view your friend section!

Now, let’s make our school section!

You will now use the syntax we have learned and build your own school section

Next lets edit the following lines of code: 

             
               <h1>My First CSS Example</h1>
               <center><p>This is a paragraph.</p></center>

Create a heading by editing the <h1> tag to look like this

          
            <h1 id="school">My First CSS Example</h1>

Create a heading by editing the <h1> tag

In the <h1> do the following=

(Example: John’s school)

Make sure you close your <h1> tag Example= </h1>

Now let’s add some <p> tags

1. In the 1st<p> tag write the name of your school.

2. In the 2nd<p> tag write why you enjoy going to school.

3. In the 3rd<p> tag write who is your teacher and what is your favorite subject

Lastly, once you are done press Refresh and Result to view your school section!

Congratulations !

You have successfully coded your first website and now you can navigate through all four of your sections.

*End of lesson 4*