Check out my new free course: Designing without a Degree.
Learn to be a web designer without expensive classes!
HTML Code MiniChapter 3: More Common Tags
Click Here for More Details!
HTML Paragraphs...
< back to the previous chapter
You will often use paragraphs in HTML, just as you do when you write stories. The opening tag for a paragraph is <p>, and the closing tag is </p>. The closing tag for a paragraph is not always needed, but I recommend using it anyway.
Example of a paragraph...
Bob starts to chase the chicken around. Bob trips over a string and goes flying into the pig's mud pit! eww! What a pity!
<p>Bob starts to chase the chicken around. Bob trips over a string and goes flying into the pig's mud pit! eww! What a pity!</p>
Check to see if the .com or .co you want is available with this search box:
HTML Text Formatting Properties...
Great hosting is not.
GreenGeeks is just $4.95/mo
Unlimited Space & Free Domain Name
Check them out.
If you had an entire web page without formatted text, it would look rather dull and boring. This is why we use text formatting tags. Some common text formatting tags are <b> and </b> for bold, <i> and </i> for italics, <u> and </u> for underlined, and <tt> and </tt> for typewriter. The <font size=n> and </font> tags also come in handy.
Example of font tags...
Bob is a Cool Guy
isn't
he?
<font size="+1">Bob</font> <font size="+2">is</font> <font size="+3">a</font> <font
size="+2">Cool</font> <font size="+1">Guy</font> isn't <font size="-1">he?</font>
HTML ALIGN attributes...
Many tags support ALIGN attributes... if you want something to be aligned from the left margin, from the center, or from the right margin. The ALIGN attribute is placed in the opening tag before the >.
Left Align
<h1 align=left>Left Align</h1>Center Align
<h1 align=center>Center Align</h1>Right Align
<h1 align=right>Right Align</h1>The HTML Line Break...
When your HTML document is viewed, normally the text will do a word-wrap at the end of a line. If you want to have the text BREAK (go to another line) you will use the <br> tag. This tag has no closing tag.
Example WITHOUT line Break...
Sentence One.
Sentence Two.
Sentence Three.
Sentence One.
Sentence Two.
Sentence Three.
Example WITH line Break...
Sentence One.
Sentence Two.
Sentence Three.
Sentence One.<br>
Sentence Two.<br>
Sentence Three.<br>
HTML Preformatted Text...
Example of text WITHOUT preformatting...
Output:
The cat ran after the dog. ^ ^-verb ^noun ^-noun
Code:
The cat ran after the dog.
^ ^-verb ^noun
^-noun
HTML ignores the extra line breaks, so the text does not line up properly.
Example of text WITH preformatting...
Output:
The cat ran after the dog.
^ ^-verb ^noun
^-noun
Code:
<pre>
The cat ran after the dog.
^ ^-verb ^noun
^-noun
</pre>
HTML Code - Try it Yourself!
In the Box below, type the following HTML code, then click "Check it Out!" The HTML document you made will be displayed in your browser. You may wish to change the words within the tags and the tag attributes just to try it out.
Try typing this:
Free Domain Today. Get Details.
<html>
<head><title>Title goes here</title></head>
<body>
<h1 align=right>This is a very large heading on the right.</h1>
<hr>
<h2 align=center>This is a smaller page heading centered.</h2>
<p><b>Bold some text for impact</b><br>
<u>Underline</u> and <i>italics</i> can be used as well.</p>
</body>
</html>
|
|
| Hosting Company | Special Features | Host Details | Disk Space/ Bandwidth | Domain Price | Price (Click for More) |
|---|---|---|---|---|---|
|
iPage Expert Web Hosting | "Best Control Panel Ever"/ Enhanced Security/100% Green | View Specials | Unlimited/Unlimited | Free (ever year) | |
| Globat Hosting | Free Blogging Software/ Easy Control Panel Setup |
View Specials | Unlimited/Unlimited | Free (first year) | |
| GreenGeeks Hosting | Enhanced Security (SSH)/ North American 24/7 Support |
View Specials | Unlimited/Unlimited | Free (every year) | |
| 1&1
Hosting |
Enhanced Security (SSH)/ Scripting, and IMAP Secure Email | View Specials | 250GB/Unlimited | 3 Free (every year) | $9.99/mo |
Would you learn to learn
how
to
design web
sites without paying for a college degree?
Learn how to design without a degree at
designingwithoutadegree.com
Dave uses Mead Notebooks and Uniball Pens, available at amazon.com
URL: http://www.davesite.com/webstation/html/chap03.shtml