Text Spacing
Line Break
DescriptionThis tag will move the text down one line.
Code
Hello World!
<br>
Welcome To My Site
Output
Hello World!
Welcome To My Site
Practice
Paragraph
DescriptionThe <P> tag moves the text down two lines, similar to starting a new paragraph.
Code
Hello World!
<p>
Welcome To My Site
Output
Hello World!

Welcome To My Site

Practice
Pre-Formatted Text
DescriptionPre-Formatted Text can be a very interesting and useful part of HTML. The tags for Pre-Formatted Text are <PRE> for the starting tag and </PRE> for the closing tag. The text in the middle is affected by the tags. What it does, is allows you to type text and not to have to worry about the <BR> and <P> tags. This is because it will show up on the web page as it shows up in your HTML document (counting white spaces). This can be very useful for creating columns that need to be lined up. However, we recommend not to use this tag all the time.
Code
<pre>

Hello World!

Welcome To My Site

</pre>
Output

Hello World!

    Welcome To My Site

Practice
Horizontal Rule
DescriptionThe tag for a horizontal rule is <HR>. This tag will put a line across the screen. Below, is the example from above, with the <HR> tag added.
Code
Hello World!
<hr>
Welcome To My Site
Output
Hello World!
Welcome To My Site
Practice
Subscript
DescriptionThis tag makes the text appear below the normal line of writing. The subscript tag looks like <SUB>. The starting tag is <SUB> and the closing tag is </SUB>. The text between the two is affected. Here is the example, using the subscript tag.
Code
<SUB>Hello World!</SUB> Welcome To My Site
Output
Hello World! Welcome To My Site
Practice
Superscript
DescriptionThis tag makes the text appear above the normal line of writing. The superscript tag looks like <SUP>. The starting tag is <SUP> and the closing tag is </SUP>. The text between the two is affected. Here is the example using the superscript tag.
Code
<SUP>Hello World!</SUP> Welcome To My Site
Output
Hello World! Welcome To My Site
Practice
Block Quote
DescriptionThis tag makes the text indented one tab (5 spaces). The blockquote tag looks like <BLOCKQUOTE>. The starting tag is <BLOCKQUOTE> and the closing tag is </BLOCKQUOTE>. The text between the two is affected. Here is the example using the blockquote tag.
Code
<BLOCKQUOTE>

Hello World! Welcome To My Site. I hope you enjoy looking at it.

</BLOCKQUOTE>
Output
Hello World! Welcome To My Site. I hope you enjoy looking at it.
Practice
Advertisements