There is a quick and easy way to display a horizontal straight line on a web page. Type <hr>. HR stands for Horizontal Rule.
The hr tag is a block element, so there will be a line break before and after the line is drawn. You cannot use this command inline. Try it.
You will learn about Style in Lesson 8, which is a better way to draw a horizontal line, but here are several lines drawn with different style attributes:
<hr>
<hr size="10px">
<hr size="10px" noshade>
<hr width="50%">
<hr width="50%" align="left">
<hr align="right" color="#ff0000" width="65%"><br><br>
This is just to show you what happens when you place an HR<hr> tag within a line.
<hr size="10px">
<hr size="10px" noshade>
<hr width="50%">
<hr width="50%" align="left">
<hr align="right" color="#ff0000" width="65%"><br><br>
This is just to show you what happens when you place an HR<hr> tag within a line.
Paste the above into sample.htm. (While you are there, change the Basefont color attribute value to 'black'.) These would appear:
This is just to show you what happens when you place an HR
tag within a line.
- In this lesson, we learned about these HTML tags:
- <hr>
