HTML WEB DESIGN

 

separator-blank.png

 

GUIDE – HORIZONTAL SEPARATORS

 

  • The webpage3.html document is getting a little messy.  One way to organize different parts of a page is to put a horizontal line between them.  We do this by using the <hr> tag.

    Add an     <hr> tag before and between each section of the webpage3.html document.

 

<html>

<head>

</head>

<body>

<b><h1>Page #3</h1></b>

 

<hr>

 

Favourite foods

<ul>

<li>Pizza</li>

<li>Wings</li>

<li>Mushrooms</li>

<li>Steak</li>

</ul>

 

<hr>

 

Favourite movies

<ol>

<li>Lord of the Rings 2</li>

<li>Thor Ragnarok</li>

<li>Star Wars V - The Empire Strikes Back</li>

<li>Spaceballs</li>

</ol>

 

<hr>

 

<marquee>I love Lockerby!</marquee>

 

<hr>

 

</body>

</html>

 

 

Test your page.

 

GOT EXTRA TIME?

 

·       Try searching up attributes for the <hr> tag.  Search for something like “attributes of hr tag”

·       Try using the attributes that you found.