Separators
What is a Separator?
› A separator is code that breaks up a line or seperates text. Separators are probably the easiest codes to use in HTML. The 3 separator tags are the <br>, <p>, and <hr> tags. The only one of those tags you have to close is the <p> tag. which the closing tag works just like any other closing tag and is </p>
› the <br> tag is a code for line break. Just type that in between the 2 words you want to be seperated. It'd be like pressing the return or enter key in microsoft word. Although pressing the enter or return key in notepad will not make the lines break when saved as an HTML document. Here is a visual example of a linebreak.
Here is the code in notepad.
This is what the result of the linebreak looks like. The 2 pieces of text are now 2 separate lines when they were once on one line.
› The next separator is the <p> tag. Which the <p> (paragraph) tag breaks the line and adds a blank line. The <p> tag can also set alignments for the paragraph of text. The different alignment settings are left, center, and right. To set the alignment of the paragraph, type <p align=left, right, justify or center> and close the paragraph with </p>. It's not necessary to align text to the left in the paragraph, because the default alignment for everything in HTML is left. so for left alignment putting <p>....</p> will work. I never use the justify alignment. I personally dont like the look of it, but you can toy around with it if you'd like.
› The last separator is the horizontal rule, which is the <hr> tag. This works just like the line break, except it places a bar (a horizontal rule) which divides the text horizontally. You can also change the size, width, shade, and alignment of the horizontal rule. Here is a Table with all of the attributes for the horizontal rule, and how they work with the tag.
Attributes values align= left, center, right noshade makes it a solid color instead of its default 2 width= sets the width, use a % or pixel value(px) size= sets the height, use a pixel value for it(px)
