I thought it would be good if you had a list of useful HTML tags to sue for your web designs. So I put together a list of the most basic, easy to use and straightforward tags for you. Hope you find it useful and helpful.
Basic HTML tags
<HTML></HTML> = Defines an HTML document is to follow and tells the page to begin reading the code that follows.
<body> = Body of text document. This is the main area of text on your page.
<header> = Header of the page.
<footer> = Footer of the page.
<title> = Title at top of page in the blue title bar at the very top of the page.
<end> = Ends the page. Can be used as a closing </HTML> tag in some instances.
<!– — > = This is a special tag that allows you to notate items inside your HTML document that is ignored by the viewing browser. In other words, it does not display to your readers. Only YOU can see it in the HTML. Use this to set sections apart or tell you what part of the page the code affects. Very useful in web design and coding.
Font manipulation tags
<b></b> = Bold text between tags.
<i> </i>- Italicized text between tags.
<u>></u> = Underlined text between tags.
<font size=?></font> = Make the size of the text between tags whatever you want it to be. Just replace the “?” with a number.
<font color=?></font> = Colorizes the text between tags. Just replace the “?” with a color like “green”, “blue” or “red” or any of the available colors. There are also color palettes that use code like “aaabbb” and such. Some of them use numerals. You can find these palettes on line and select the designer color you want.
<h?></h> = Headline text between tags. The “?” can be replaced with a number from 1 to 6. The higher the number, the smaller the text, so <h1> is the biggest and <h6> is the smallest.
<center><center> = Places the text between tags in the center of the main text area it is written in.
<marquee></marquee> = Causes the text between tags to scroll across the screen from left to right.
<S></S> = Strikeout text. Creates text between tags with a line through it. Like this: strikeout.
<strong></strong> = Places a strong emphasis on the text between the tags.
<small></small> = A small size font between the tags.
<sub></sub> = Text between the tags is subscripted.
<sup></sup> = Text between the tags is superscripted.
Element placement tags
<p></p> = Starts a paragraph
<div>></div> = Tells the page that there is a logical division here. Starts a new text area that is designated as a particular division or section of the page.
<hr> = Horizontal rule, or line, is placed beneath the text. This acts as a separator. Does not need a closing tag.
That is all for now, so take a few moments and digest this information. Practice it and see what they all do, then start adding the elements to your web pages as desired. There are literally hundreds more tags that all do special things like denote list, add forms and allow user input. We’ll see that a little later.
No Comments