HTML Tags Glossary
<html></html>
These are the opening and closing tags for all HTML documents. These tags inform the browser looking at the page that it is reading is HTML.
<head></head>
These are the head tags. Between the head tags you will find the title tag, the meta tags, and the tag that tells the browser where to find the applicable style sheet. Javascripts and other elements may also be found between the head tags.
<meta>
The meta tag is used for search engine optimization and is found between the header tags. Meta tags can be used to define information related to your site for the search engines. As an example, this information may include attributes such as a description of your site and related keywords to the content of the page.
<title></title>
The title tags are used to tell the browser and those viewing the page, the title of your page. You will find this information displayed at the top of the browser window.
<body></body>
The body tags enclose the content of your page that will be visible to visitors. Numerous attributes, and additional tags will be found between the body tags. Other than the html tag, no other tag will be open as long as the body tag.
<a href=”Filename or URL here”>Text</a>
These tags are used for the opening and closing tags used for linking to a file name on your site or to an internal or external URL. Linking tags must point to a specific destination.
<img src=”Location of image”>
The image source tag is used to display images. It contains the information the browser needs to find the image, such as its location and name. You are also able to add styling attributes to this tag such as whether it should be shown on the left or right and how much space should be kept around the image.
<img src=”image.jpg” mce_src=”image.jpg” style=”float:left; margin: 5px;” mce_style=”float: left; margin: 5px;” width=”10″ height=”10″ alt=”">
Some of the styling and attributes that might be applied to the image.
<table></table>
Table tags are used to indicate the start and end of a table. Tables are used to create information sections on pages, and aid in creating various visual layouts. Without the use of tables, the page will look rather plain.
<tbody></tbody>
Tbody tags are used as a wrapper which defines groups of rows and may appear more than once within a table depending on the number of groups to be defined.
<tr></tr>
These are table row tags and as per their name, they define rows in a table.
<td></td>
These are table data tags. Table data tags are used to segment data on a table row.
<font></font>
The font tags are used to identify the font family that is to be used. It also provides the opportunity to define additional text attributes such as the size and color to be used.
<p style=”text-align: left; margin-top: 20px;”>Text</p>
Styling is used to define additional attributes such as the size, color, borders and margins to be used. Styling is handy and can also be applied within many types of tags such as <p>, <h1>, <table>, etc.
<span style=”color: #ff0000;”>This Text would be red in color</span>
Span style is also used when applying attributes to text and would be used in a case where you only want the style to apply to specific text.
<b></b>
Bolds text between tags.
<strong></strong>
Also bolds text between tags.
<u></u>
Underlines text between these tags.
<font color=”red”><b><i><u>Text</u></i></b></font>
Red text that is bold, italicized and underlined.
</p> <p>
These tags format text into paragraphs that allow two breaks between lines of text.
<h1></h1>
These are heading1 tags. Other heading tags that might be used include h2, h3, h4, h5, and h6. Each tag produces smaller text, as the number gets higher, with h1 having the largest text. Additional attributes may be added to the tags or specified in a style sheet.
<br>
The break tags create a one line break, and can be used with your text to tell the browser how to separate lines of text. It is not needed unless you want your text to drop down one line.
<br />
Another method to create a text break. This method does not require the closing tag.
<p> </p>
This is another method used to create space between objects or sections of text.
<center></center>
These tags center content.
<ol></ol>
These are the tags for creating an ordered (numbered) list.
<ul></ul>
These are the tags for creating an unordered (bulleted) list.
<li></li>
These are the tags for creating the list items in your list.
<hr>
The horizontal rule tag is used to create a line that runs horizontally across the page. This tag does not need a closing tag and is best styled using CSS.
We hope you will find this information on html tags useful as you develop and customize your web pages. If there are additional tags you would like to see added, please visit our contact page and let us know.
