1. Computing

HTML Tag References - HTML Tags - XHTML Elements

HTML tags are the basis of HTML documents, and these HTML tag references will help you understand both the common and uncommon HTML tags and elements. There are hundreds of HTML tags, and if you learn a lot of them you'll be more effective in building your Web pages. These sites offer encyclopedias of HTML commands and how to use them.
  1. Character Sets (9)

A Tag
The a tag or anchor tag is used to create links and anchors in HTML and XHTML.

Why Use Semantic HTML?
Semantic HTML tags are tags that convey meaning beyond the simple presenational value that they provide in a browser. This means that a web page marked up with semantic HTML could convey meaning in scenarios beyond just visual web page renderings. Learn why using semantic HTML and using it correctly is important.

How to Use the HTML <base> Tag
The base tag helps Web designers work on testing servers without having to do a lot of editing when a page is ready to go live. Plus you can use it to change the default frame target.

Block-Level vs. Inline Elements
Block-level elements and inline elements are the two types of elements that you\'ll see in HTML. But why does it matter what an element is? If you know whether an element is a block-level element or an inline element, you\'ll have a better idea of how it will react when you apply positioning rules on it in your CSS.

Why Don't You Use H1 Tags?
There are many good reasons to use H1 tags to structure your content, and yet many Web designers still don't use them. Why don't you use H1 tags?

XHTML Attributes - xmlns
Explanation of the XHTML attribute - xmlns

Do you use the closing /P tag and other optional end tags? Why or Why Not?
There are a number of HTML tags that do not require closing tags to be valid HTML. Find out what they are and why you might leave off the tags or keep writing them.

Closing Tags Not Required
Many HTML tags in HTML4 and HTML5 do not require end tags. They are not technically singleton or void elements because they do have contents, but their end tags are implied and can thus be omitted and still have valid HTML.

<p></p>
The p tag defines paragraphs within documents.

Rel nofollow - What does this mean?
The rel=nofollow attribute has been added to links all around the Internet. But what does it mean? It's one of the few instances of a rel or rev attribute having a very distinct meaning and use. rel=nofollow is put on links to prevent comment spam from being indexed.

HTML Link Tag
The HTML link tag can be somewhat confusing because it has a lot of different possible functions. The most common use of the link tag is to link external style sheets to the current document. But you can also define related documents, such as previous and next pages in a series, alternate versions of the page, and index pages.

Accesskey - Create Keyboard Navigation on Your Web Pages
The accesskey attribute is a powerful accessibility tool in your Web toolbox, as it lets you set up keyboard shortcuts for links and form fields on your page. If you're creating a Web application, this is one more trick to make your application look and act more like an offline application.

singleton
Definition of the HTML term singleton.

How to Link an Image
Linking images is just as easy as linking text.

How do you override the default link colors?
If you don't change any of the styles, Web browsers have default colors they use for links. You can change the link color, the active link color, the followed link color, and the color when a mouse hovers over the link.

Create a Definition List
Simple steps to write a definition list in HTML.

Uses for Definition Lists
Definition lists are a great tool in HTML that are often overlooked. Learn several ways you can use definition lists to create more effective web pages.

Create an Unordered List
Simple steps to write an unordered list in HTML.

Create an Ordered List
Simple steps to write an ordered list in HTML.

What Is Pre-Formatted Text?
The PRE tag tells the web browser to display the text exactly as you type it. This is called pre-formatted, because the text is formatted in the way it is typed, rather than by the HTML tags that surround it.

What is a Blockquote?
When you're writing text in a web page, you sometimes want to call out a block of text as a quotation. In publishing this is sometimes called a pull-quote, and in web design it's called a blockquote.

What is an HTML Heading?
Use emphasis tags to divide up your Web pages semantically and provide information about the structure of your Web pages.

Headings, Bold, and Italic
Change the look of your text with header, italics, and bold tags.

Using P and BR Tags
Learn to use the two basic text formatting tags - p for paragraphs and br for line breaks - well

Box Elements and Block-Level Elements Are Key to XHTML Documents
Box elements or block-level elements can be difficult to understand as they have different properties than standard in-line elements. Some commonly used box elements are p, div, and h1.

What is the Q Tag and Why Should We Use It?
Short quotations are an important part of most writing, but many Web designers don't know about the Q tag or how to use it. Or if they know about it they refuse to use it because of browser quirks.

Z Elements
XHTML 1.0 and HTML 4.0 elements starting with letter z - as well as other elements not part of the specification

HTML 4.01 / XHTML 1.0 Reference - HTML Tag Reference by Function
A listing of the valid and invalid HTML tags available for use. Includes the DTD they are a part of and what browsers support them.

HTML 4.01 / XHTML 1.0 Reference - HTML Tag Reference
A listing of the valid and invalid HTML tags available for use. Includes the DTD they are a part of and what browsers support them.

What is the ID Attribute?
The id attribute is important to understand because it provides a way to identify unique sections of your Web page. You can give any element on your Web page a unique identifier using the ID attribute.

Logical Division
Definition of the HTML term logical division and how it relates to Web pages and sections of Web pages.

The SPAN Tag
This article about the SPAN tag is for beginning and intermediate Web developers who are interested in learning how to use the SPAN tag to create XHTML+CSS layouts, align page content, and define changes to inline content on your Web pages.

XHTML Attributes - credits
Description of the body and table attribute credits.

HTML Attributes - topmargin
Description of the body and table attribute topmargin.

XHTML Attributes - marginheight
Description of the body and table attribute marginheight.

XHTML Attributes - bgproperties
Description of the body and table attribute bgproperties.

XHTML Attributes - instructions
Description of the body and table attribute instructions.

XHTML Attributes - leftmargin
Description of the body and table attribute leftmargin.

XHTML Attributes - logo
Description of the body and table attribute logo.

Definition Lists
When people think lists, they usually think of numbered or bulletted lists, but there is another type of list that can be very useful to Web designers - the definition list. This article covers when to use the definition list and how to style them so that they look nice on your Web page.

Use the Title Attribute as a Tool Tip
Many people use the alt attribute to create a pop-up tool tip which is incorrect. Instead, you should be use the title attribute. Most browsers support displaying titles as hover tool tips, and even if they don't a quick CSS style or JavaScript can make it display.

About's HTML Tag Library
Learn the functions of various HTML tags. This tag library includes all the HTML elements for HTML 4.01 as well as proprietary tags used by Internet Explorer, Netscape, and WebTV. The tags are all presented in valid XHTML 1.0 format.

Form vs. Function - XML-Like HTML Tags
HTML 4.0 and below is not written in XML, but there are many tags that behave in the same function as XML elements. XML describes the content, and there are HTML tags that act in a similar fashion.

Don't Forget the Attributes
HTML attributes are an important part of your Web site, and these attributes are often forgotten

Comments on Comments
HTML comments allow you to write notes about the code, hide old information, and hold reminders on the page. Comments are not seen by the people viewing the page, but they show up in the HTML code.

Overview of the HTML DIV Element
This article about the DIV element is for beginning and intermediate web developers who are interested in learning how to use the DIV element to create HTML and CSS layouts, align page content, and create non-semantic divisions in your page content.

The Font Tag versus Cascading Style Sheets (CSS)
Many sites will tell you that the font tag has been deprecated. This article explains how you can use CSS to do the same things as the font tag. Plus there are a lot of other things you can do with text that the font tag won't do. It's easy to switch today.

How To Center Text and Images with the DIV Tag and CSS
This article for beginning web developers will help you learn how to use the DIV tag and CSS to center text and images on your pages.

How to Prevent the Carriage Return Before and After DIV Tags
This tip explains how the DIV tag works within most web pages and how you can affect that standard behavior using Cascading Style Sheets.

Using the DIV Tag with CSS and XHTML+CSS
Learn how to use the DIV tag to create valid XHTML+CSS Web pages that are easy to read and change whenever you want to change them.

Basic HTML Tags
The Personal Web Guide at About explains some of the basic tags needed to create a Web page.

HTML 3.2 and Netscape 4.0
An explanation of the HTML 3.2 tags and how they work with Netscape 4.0.

HTML 4.0 Tags
A concise listing of HTML 4.0 tags. Not a lot of information about each tag, more like a rewrite of the specification.

HTML Tag Guide
A concise listing of many of the more commonly used HTML tags, divided by usage within a page.

XHTML 1.0 Reference with Examples
An easy to use framed reference guide to the XHTML 1.0 tags. Includes examples so you can see how the tags work.

What are Global Attributes in HTML
Global attributes are the attributes available to nearly every HTML tag. They include attributes for core techniques like class and ID as well as internationalization attributes like lang.

What are Event Attributes in HTML
Event attributes are the attributes available to nearly every HTML tag. They include attributes for dynamic events like onmouseover and onclick.

alt attribute for multimedia tags

align attribute for multimedia tags

frameborder - HTML Attribute
Description of the frameborder attribute.

codebase - HTML Attribute
Description of the codebase attribute.

code - HTML Attribute
Description of the code attribute.

Input Tag Attributes - HTML Forms Tutorial
Learn how to use the various attributes to input tags, to make your HTML forms more accurate.

Deprecated HTML Tags
Learn the many different HTML tags that have been deprecated and what you can use in their place.

Lists
Learn how to use lists to outline and organize your Web page content. Lists make Web pages much easier to read.

ABBR Tag

Type Attribute in Forms
A description of the HTML type attribute for form elements.

Value HTML Attribute for Forms
An explanation of the value attribute for HTML forms.

BUTTON Tag
A description of the HTML BUTTON tag.

IFRAME Tag
The IFRAME tag creates inline frames within the document. This is the tag definition.

HTML Table Tag
A description of the HTML table tag to create tables for your website.

IMG HTML Tag
Learn how to use the IMG HTML tag in your web pages.

FRAMESET Tag
Create frames of your web pages with the HTML FRAMESET tag.

EMBED Tag
The embed tag allows you to place non-HTML content in your web pages. This is the tag definition.

border Attribute for IMG, OBJECT, and EMBED
Description of the border attribute when used with the IMG, OBJECT, and EMBED tags.

border Attribute for TABLE
Learn about the border attribute for the TABLE tag

border Attribute for FRAMESET
Learn about the border attribute for the FRAMESET tag

TR Tag
An explanation of the HTML table tag TR.

classid Attribute
A description of the HTML attribute classid.

STRIKE Tag
A deprecated tag that puts a line (strikeout) through the enclosed text.

S Tag
A deprecated tag that puts a line (strikeout) through the enclosed text.

U Tag
The U tag is a deprecated tag that underlines the enclosed text.

STRONG Tag
A tag that indicates the enclosed text is emphasized.

KEYGEN Tag
Explanation of the Netscape HTML tag, KEYGEN

vlink Attribute
A description of the HTML attribute vlink.

alink Attribute
A description of the HTML attribute alink.

link Attribute
A description of the HTML attribute link.

FRAME Tag
The FRAME tag creates frames within a frameset. This is a description of the HTML FRAME tag.

DD Tag
Explanation of the DD tag - used in HTML to define the definition in a definition list or the value in a name/value pairs list.

DT Tag
Explanation of the DT tag - used in HTML to define the term in a definition list or name in a name/value pair list.

DL Tag
Explanation of the DL tag - used in HTML to create definition lists and name/value pair lists.

TH Tag
The TH tag defines the contents of table header cells.

TD Tag
The TD tag defines the contents of table cells.

AUDIOSCOPE WebTV Tag
An explanation of the AUDIOSCOPE WebTV tag.

Quick Fix to the Q Tag in IE
Many designers refuse to use the Q tag because Internet Explorer does not support it. But this is a bad idea because the Q tag provides markup for your text and lets you style quotations more readily. So rather than not using the Q tag you can use this quick fix to make quote marks surround all Q tags regardless of what browser they are in. And...

SUB Tag
Turn text into subscript text with the HTML SUB tag.

SUP Tag
Turn text into superscript text with the HTML SUP tag.

Q Tag
Add short quotations to your HTML with the Q tag.

TT Tag
Description of the TT tag that identifies the text as teletype or monospaced.

VAR Tag
Description of the VAR tag that identifies the text as a variable or as user input.

CODE Tag
Description of the CODE tag that identifies the text as computer or programming code.

STYLE Tag
Learn how to use the style tag to add embedded style sheets into your HTML documents.

LAYER Tag
Description of the Netscape-specific tag LAYER.

HTML Attributes
Learn more about the attributes associated with all the XHTML elements and other HTML tags.

Below - HTML Attribute
Description of the Netscape-specific attribute above for the LAYER tag.

Above - HTML Attribute
Description of the Netscape-specific attribute above for the LAYER tag.

KBD Tag
Description of the KBD tag that identifies the text as user input.

text Attribute
A description of the HTML attribute text.

Blockquote Tag
Understanding the HTML tag BLOCKQUOTE. A tag for long quotations.

NOFRAMES Tag
Description of the NOFRAMES tag to create accessible HTML framesets.

SCRIPT Tag
An explanation of the SCRIPT tag in HTML. This tag is used to run scripts on web pages.

NOSCRIPT Tag
An explanation of the NOSCRIPT tag in HTML. This tag is used as alternative content when a script cannot run.

SIDEBAR WebTV Tag
An explanation of the SIDEBAR WebTV tag.

BLACKFACE WebTV Tag
An explanation of the BLACKFACE WebTV tag.

THEAD Tag
An explanation of the HTML table tag THEAD.

TFOOT Tag
An explanation of the HTML table tag TFOOT.

TBODY Tag
An explanation of the HTML table tag TBODY.

PARAM Tag
A description of the HTML PARAM tag used with applets and objects.

Type HTML Attribute for the PARAM Tag
A description of the HTML PARAM tag attribute: type.

Change the Color of a Word With the SPAN Tag and CSS
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the SPAN tag and CSS to change the color of individual words on your pages.

Comments in Internet Explorer
Microsoft Internet Explorer has a number of proprietary tags and features that can extend how you use the browser. This article discusses conditional comments and the comment element.

INPUT Text Tag
The INPUT Text tag creates a text input field in your HTML form. It is the default type of input tag. It is an HTML 4 and HTML 5 tag.

INPUT Submit Tag
The INPUT Submit tag is used to send the form data to the script defined in the HTML form tag. It is an HTML 4 and HTML 5 tag.

INPUT Reset Tag
The INPUT Reset tag is used to bring HTML forms back to their initial state. It is an HTML 4 and HTML 5 tag.

INPUT Password Tag
The INPUT Password tag is used to collect passwords in HTML forms. It is an HTML 4 and HTML 5 tag.

INPUT Image Tag
The INPUT Image tag is used to display images as input fields. It is an HTML 4 and HTML 5 tag.

INPUT Hidden Tag
The INPUT Hidden tag is used to submit data that is hidden from the form users. It is an HTML 4 and HTML 5 tag.

INPUT File Tag
The INPUT File tag is used to upload files to web forms. It is an HTML 4 and HTML 5 tag.

INPUT Tag
Learn about the INPUT tag for inputting HTML form data.

INPUT Button Tag
The INPUT Button tag is used to display text buttons. It is an HTML 4 and HTML 5 tag.

INPUT Checkbox Tag
The INPUT Checkbox tag is used to add checkboxes to forms. It is an HTML 4 and HTML 5 tag.

INPUT Radio Tag
The INPUT Radio tag is used to add radio buttons to forms. It is an HTML 4 and HTML 5 tag.

SRC HTML Attribute
Explanation of the HTML attribute src and how it applies to various tags.

void element
A definition of the term void element as it applies to web design.

HTML Singleton Tags
HTML void elements are elements that do not have a required closing tag to end them. These elements are usually elements that either stand alone on the page, or where the end of their contents is obvious from the context of the page itself.

optgroup Tag
The optgroup HTML tag defines a group of options in a select list of an HTML form. It allows designers to style portions of the select list drop-down field and allows for labels of those groups within the list.

COLGROUP Tag
The colgroup tag creates and defines an explicit column group in an HTML table.

Base Tag
The base tag provides a way of including relative information in web pages.

Working with HTML Paragraphs
Paragraphs make up the bulk of web page text, and yet most people ignore the paragraph tag. They just slap it around their blocks of text and move on. Learn how to style paragraphs, align them, work with typography inside paragraphs, and the correct use of the P tag. The links and resources in this article will help you get the most out of your...

readonly - HTML Attribute for Forms
A description of the HTML attribute readonly. Learn how to make HTML form controls read only so that your users can't change them.

The SPAN and DIV HTML Elements
The SPAN and DIV tags are extremely useful with CSS style sheets to layout and manage your pages. Learn how these two tags work and how you can use them on your site.

size
A description of the HTML attribute size as it relates to HTML forms. This attribute defines the size in characters of an HTML form input field.

ADDRESS Element
The address element is used to create addresses in HTML and XHTML.

Marquee Defined
Definition of the term marquee as used in web design.

MARQUEE Element
The MARQUEE element allows you to create a scrolling text marquee on your web pages.

Discuss in my forum

©2014 About.com. All rights reserved.