Guided HTML #1
Directions:
opy & paste the questions to a blank Google Doc. Then answer and submit it in Google
C
Classroom. We will use W3Schools to run our code. I will refer to our code’s output display as
the “Browser”.
Copy & paste the code below. Then press the green “Run” button.
!DOCTYPE html>
<
<html>
<head>
<title>Page Title</title>
</head>
<body>
h1>1st Heading</h1>
<
<h2>2nd Heading</h2>
<h3>3rd Heading</h3>
<h4>4th Heading</h4>
<h5>5th Heading</h5>
<h6>6th Heading</h6>
/body>
<
</html>
Questions:
1-What difference do you notice from Heading <h1>to <h6>?
2-Is each Heading line bold or unbold?
3-Copy the line below:
<h7>7th Heading</h7>
aste it right below the <h6>6th Heading</h6> line in your code. Keep an extra space between
P
<h7>7th Heading</h7> and </body> as shown below.
ress the greenRunbutton again to apply the newchange. What do you notice? Does this
P
follow the same pattern seen from <h1> to <h6>?
4-Why is Heading <h7></h7> different from the previous6 Headings?
5-Copy the following 3 lines of code:
h1>THIS IS MY MAIN HEADING</h1>
<
<p>
This is paragraph 1.
</p>
<p>
This is paragraph 2.
</p>
Paste them below the empty line under <h7>7th Heading</h7> as shown
ress the greenRunbutton again to apply the newchanges. Is it possible to have 2 <h1></h1>
P
Headings?
6-TrueorFalse: Paragraph tags, unlike Heading tags,don’t require a number within the tag.
7-Copy the following line of code:
<a href="[Link] is a link</a>
Paste it below the empty line under <p>This is paragraph 2.</p> as shown
ress the greenRunbutton again to apply the new changes. What happens when you click on
P
This is a linkin the Browser?