HTML TAGS REFERENCES & TUTORIALS : Links to Reference Sites for HTML, as well as Tutorials on HTML Tags, such as Learning how to Create, Edit, and Use HTML Tags.
VISIT HTML CHARACTER SETS PAGE
HTML 4.01 / XHTML 1.0 Reference - Tags ordered alphabetically
Compact Index of This compact index of tags is arranged alphabetically. Each tag is a link that leads to a description of the tag and its syntax. If you need more detail, try the complete index that also includes tag names. Four other indexes are available that list tags according to the standards they support.
HTML Codes / Tags Chart - If you're looking for some HTML codes to spice up your web site, you've come to the right place. You will find a variety of HTML codes and tips below. Simply select the HTML code you'd like and copy and paste it into your web page.
How To Use HTML Meta Tags - Want to get a top ranking in search engines? No problem! All you need to do is add a few magical "meta tags" to your web pages, and you'll skyrocket to the top of the listings.
Overview of all tags - A one-file list of all tags is also available (260K). Please see the syntax rules if you have problems understanding the format used.
Otmar's List - This list is intended to help edititing HTML documents. It is not a comprehensive list (HTML, HEADER, TITLE, BODY, IMG, ... are missing), but should suffice for basic HTML layout. I'm open for suggestions, so please send your comments to me.
HTML Dog's list of tags - This section contains information about all of the valid tags belonging to the latest version of strict XHTML.
HTML 4.01 Tags - The current HTML specification is HTML 4.01. It is actually the last HTML specification upgrade. XHTML is the next level of text markup language for the Web.
Sunsite Berkeley's Basic set of A beginning set of HyperText Markup Language tags.
Sunsite Berkeley's Advanced set of HTML Tags - Descriptions and examples of advanced HTML tags, including tag attributes, forms, and tables.
HTML 101 - Tags are HTML (hypertext markup language) commands. Codes which are typed in a document to control the way the document is displayed by a browser. You must have the tag in the middle of the less (<) and greater (>) than signs. To end the tags use the slash (/) sign after the the second less (<) sign.
Basic HTML tags - HTML works in a very simple, very logical, format. It reads like you do, top to bottom, left to right. That's important to remember. HTML is written with TEXT. What you use to set certain sections apart as bigger text, smaller text, bold text, underlined text, is a series of tags.
Page Construction Tags - Many of the tags in this tag library will throw a JspException at runtime when they are utilized incorrectly (such as when you specify an invalid combination of tag attributes). JSP allows you to declare an "error page" in the <%@ page %> directive. If you wish to process the actual exception that caused the problem, it is passed to the error page as a request attribute under key org.apache.struts.action.EXCEPTION.
HTML tags vs. elements vs. attributes - When talking (or writing) about HTML, it is common for many people to refer to just about everything as “tags” instead of using the proper terms: “tag”, “element”, and “attribute”. A lot of the time what the author really means can be figured out by looking at the context, but sometimes it can be confusing.
Tags - Tags delimit elements such as headings, paragraphs, lists, character highlighting, and links. Most HTML elements are identified in a document as a start-tag, which gives the element name and attributes, followed by the content, followed by the end tag. Start-tags are delimited by `<' and `>'; end tags are delimited by `</' and `>'.
Idocs - HTML Quick List - A complete list of all tags and attributes, with links to pages about each of them.
HTML Dog's Bad Tags - This page looks at some of the HTML tags of fairytale worlds and prehistoric times. Bad, nasty, downright ugly little things that belong to outdated HTML standards, random proprietary nonsense that only half-work in one sub-version of one browser or tags that have simply been superseded by newer tags.
Personal Web's Basic HTML Tags - Linda Roeder is a longtime HTML enthusiast and consultant with a broad knowledge of Web content.
Basic HTML formatting tags - The markup language is made up of tags such as <B> which requests text that follows to be in bold type. This bolding is turned off by the inverse markup tag </B>. In writing a tag, the case of the letters in the tag name is unimportant so that <B> and <b> represent the same tag.
All HTML commands or tags have the following form:
Bsic HTML tags are enclosed in brackets made of the less-than and greater-than signs on your keyboard, (< >). They include a name, some attributes and some text or hypertext.
Basic HTML Tags - The first tag in any HTML file is the <HTML> tag. This tells web browsers that the document is an HTML file.
Basic Html Tags - There are two basic types of tags that are used in a HTML document (web page) - standard tags and container tags.
Learn about a precursor - This page is supplied as a precursor to all my other HTML lesson pages for people intending to learn web page design (tags and tag attributes, etc).
HTML 4.0: SPAN Tag
This piece is the first in a series of HTML 4.01 tutorials. If you haven't already, it would be best if you read over the HTML 4.01 reference tutorial. It offers a general overview of the new tags and attributes involved with the latest version of HTML to hit the Net.
Basic HTML: tags
HTML works in a very simple, very logical, format. It reads like you do, top to bottom, left to right. That's important to remember. HTML is written with TEXT. What you use to set certain sections apart as bigger text, smaller text, bold text, underlined text, is a series of tags.
Basic Spacing Tags
There are two tags that are the basic spacing tags, that nearly every web page has. In this section you will be learning how to add and use these tags on your web page.
Activejump - Advanced Spacing Tags
There are many other spacing tags besides the basic tags. In this section you will be learning how to add and use these more advanced spacing tags on your web site.
All HTML documents have a few required tags, and those are what this section teaches. Below, each tag is laid out and it will tell you exactly where it needs to go in the document.
HTML tag list basic HTML tags: body attributes
The lists of basics html tags and their attributes.
HTML tag list: text attributes
The lists of html tags and text attributes.
HTML Tag List: Formatting Tags
The list of Formatting Tags.
HTML Tag List: Image Tags
The list of Image Tags.
An element is a fundamental component of the structure of a text document. Some examples of elements are heads, tables, paragraphs, and lists. Elements can contain plain text, other elements, or both. To denote the various elements in an HTML document, you use tags. Think of it this way: you use HTML tags to mark the elements of a file for your browser to process.
In markup tags include HTML Block, HEAD Block, TITLE Block, Heading Blocks and Paragraph Block.
Basic HTML tutorial: basic tags
Each HTML document begins with a HTML and ends with /HTML tags. Each document consists of a HEAD section surrounded by….
HTML commands: Format of a tag
The HTML files are plain ASCII text files that are displayed by the browser in whatever form you have specified. TAGS control the layout and formatting of the elements in HTML. These tags (and there are quite a few of them) are the building blocks of HTML.
HTML basics: Headings
Headings help in defining the format and structure of the document. They provide valuable tool in highlighting important topics and the nature of the document as a whole.
HTML primer: HTML Comment Tags
As your HTML pages grow, so will their complexity. Maintaining such complex pages can be quite a problem if there is no way to add documentation to these files. Fortunately, HTML provides tags through which you can add comments to various sections of your scripts. Take my advice, use the comments tags generously in your documents. When you look back at your files after a few months you shall be able to decipher the code much faster.
HTML course: The BR (break) Tag
Let's try out an experiment. Open Notepad and type in the following code exactly as I have written. Check the results in a browser. BR tag is use to break the line.
Text in HTML code can be dressed up in various ways so that it's displayed differently by the browser. Text can be made Bold, Underlined, Italicized etc.Moreover, you can make text both italicized and bold at the same time.
There are 9 logical tags each requiring a closing tag…
The HR Tag
To separate blocks of text in a document you can use the simple but useful HR tag, which puts a straight line across the page. There is no ending tag for the horizontal rule. The very inclusion of HR introduces the separating line.
The BODY tag attributes
This session looks at some important attributes of the BODY tag. These attributes control the properties of the document as a whole. Some of these properties are…
Basic HTML Tags
The most important tags in HTML are tags that define headings, paragraphs and line breaks.
The style tag
The style element goes in the head section. If you want to include a style sheet in your page, you should define the style sheet externally, and link to it using link.
The head element contains general information, also called meta-information, about a document. Meta means "information about".
The Comment tag
The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.
Hidden comments example
How to insert a hidden comment in the source code.
The a tag
The a tag defines an anchor. An anchor can be used in two ways…
The abbr tag
Indicates an abbreviated form, like "Inc.", "etc.". By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
The acronym tag
The acronym tag defines the start of an acronym, like "NATO". By marking up acronyms you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
The address tag
The address tag defines the start of an address. You should use it to define addresses, signatures, or authorships of documents.
Address Tag Example
How to write an address.
The applet tag
Defines an embedded applet.
The area tag
Defines a region in an image map.
The tt i b big small tags
The following elements are all font style elements. They are not deprecated, but it is possible to achieve richer effects using style sheets.
This example demonstrates how you can format text in a document.
The base tag
The base element specifies a base URL for all the links in a page.
The basefont tag
Defines a base font.
The bdo tag
The bdo element overrides the default text direction.
The blockquote tag
The blockquote tag defines the start of a long quotation.
How to handle long and short quotations.
The body tag
The body element defines the documents' body. It contains all the contents of the document (like text, images, colors, graphics, etc.).
The br tag
The br tag inserts a single line break.
How to insert line breaks in an HTML document.
The button tag
Defines a push button. Inside a button element you can put content, like text or images. This is the difference between this element and buttons created with the input element.
The caption tag
This element defines a table caption. The caption tag must be inserted immediately after the table tag. You can specify only one caption per table. Usually the caption will be centered above the table.
The center tag
Centers its enclosed text horizontally.
The em tag, strong tag, dfn tag, code tag, samp tag, kbd tag, var tag, cite tag
The following elements are all phrase elements. They are not deprecated, but it is possible to achieve a much richer effect using style sheets.
"Computer output" tags
Demonstrates how different "computer output" tags will be displayed.
The col tag
Defines the attribute values for one or more columns in a table. You can only use this element inside a table or a colgroup.
The colgroup tag
Defines groups of table columns. With this element, you can group columns for formatting. This element is only valid inside the table tag.
The dd tag
The dd tag defines the description of a term in a definition list.
The del tag
Defines text that has been deleted in a document.
Deleted and inserted text
How to mark deleted and inserted text in a document.
The dir tag
The dir tag defines a directory list.
The div tag
The div tag defines a division/section in a document.
The dl tag
The dl tag defines a definition list.
The dt tag
The dt tag defines the start of a term in a definition list.
The fieldset tag
The fieldset element draws a box around its containing elements.
The font tag
The font tag specifies the font face, font size, and font color of text.
The form tag
The form element creates a form for user input. A form can contain textfields, checkboxes, radio-buttons and more. Forms are used to pass user-data to a specified URL.
Send e-mail from a form
How to send e-mail from a form.
The h1 to h6 tags
The h1 to h6 tags define headers. h1 defines the largest header. h6 defines the smallest header.
Demonstrates the different headings in an HTML document.
Center aligned heading
Demonstrates a center-aligned heading.
The head tag
The head element can contain information about the document. The browser does not display the "head information" to the user. The following tags can be in the head section: base, link, meta, script, style, and title.
The title of a document
The title information inside a head element is not displayed in the browser window.
One target for all links
How to use the base tag to let all the links on a page have the same target.
The hr tag
The hr tag inserts a horizontal rule.
How to insert a horizontal rule.
The html tag
This element tells a browser that this is an HTML document.
A very simple HTML document
A very simple HTML document, with only a minimum of HTML tags. It demonstrates how the text inside a body element is displayed in the browser.
The iframe tag
The iframe element creates an inline frame that contains another document.
The img tag
The img element defines an image.
The input tag
The input tag defines the start of an input field where the user can enter data.
How to create text fields on an HTML page. A user can write text in a text field.
How to create a password field on an HTML page.
The ins tag
Defines inserted text.
The label tag
Defines a label to a control. If you click the text within the label element, it is supposed to toggle the control.
Label tag example
How to define a label to a control.
The legend tag
The legend element defines a caption for a fieldset.
Fieldset around data
How to draw a border with a caption around your data.
The li tag
The li tag defines the start of a list item. The li tag is used in both ordered (ol) and unordered lists (ul).
An unordered list tag example
An unordered list.
An ordered list tag example
An ordered list.
A nested list tag example
A nested list.
Another nested list tag example
A more complicated nested list.
The link tag
This element defines the relationship between two linked documents.
The map tag
Defines a client-side image-map. An image-map is an image with clickable regions.
The menu tag
The menu tag defines a menu list.
The meta tag
The meta element provides meta-information about your page, such as descriptions and keywords for search engines and refresh rates.
The noframes tag
The noframes element displays text for browsers that do not handle frames. The noframes element goes inside the frameset element.
The noscript tag
The noscript element is used to define an alternate content (text) if a script is NOT executed. This tag is used for browsers that recognizes the script tag, but does not support the script in it.
The object tag
Defines an embedded object. Use this element to add multimedia to your XHTML page. This element allows you to specify the data and parameters for objects inserted into HTML documents, and the code that can be used to display/manipulate that data.
The ol tag
The ol tag defines the start of an ordered list.
The optgroup tag
Defines an option group. This element allows you to group choices. When you have a long list of options, groups of related choices are easier to handle.
The option tag
The option element defines an option in the drop-down list.
Simple drop down box
How to create a simple drop-down box on an HTML page. A drop-down box is a selectable list.
Another drop down box
How to create a simple drop-down box with a pre-selected value.
The p tag
The p tag defines a paragraph.
The param tag
The param element allows you to specify the run-time settings for an object inserted into XHTML documents.
The pre tag - The pre element defines preformatted text. The text enclosed in the pre element usually preserves spaces and line breaks. The text renders in a fixed-pitch font.
The q tag
The q tag defines the start of a short quotation.
The s and strike tags
The s and strike tags defines strikethrough text.
The select tag
The select element creates a drop-down list.
The span tag
The span tag is used to group inline-elements in a document.
The sub and sup Tags
The sub tag defines subscript text. The sup tag defines superscript text.
The table tag
The table tag defines a table. Inside a table tag you can put table headers, table rows, table cells, and other tables.
The tbody tag
Defines a table body. The thead, tfoot and tbody elements enables you to group rows in a table. When you create a table, you might want to have a header row, some rows with data, and a row with totals at bottom. This division enables browsers to support scrolling of table bodies independently of the table header and footer. When long tables are printed, the table header and footer information may be repeated on each page that contains table data.
The td tag
Defines a cell in a table.
The textarea tag
Defines a text-area (a multi-line text input control). A user can write text in the text-area. In a text-area you can write an unlimited number of characters. The default font in the text-area is fixed pitch.
The tfoot tag
Defines a table footer.
The th tag
Defines a table header cell in a table. The text within the th element usually renders in bold.
The thead tag
Defines a table header.
The title tag
This element defines the title of the document.
The ul tag
The ul tag defines an unordered list.
HTML Structure Tags
These structure tags are used in every HTML document that you will create. This group of tags defines a documents structure. These tags are always used in pairs.
Using Basic HTML Tags
Basic HTML tags enable you to place text, images and links to your HTML document.
For examples or more information of each tag, click the desired name to go to the page that mentions it.
Tags to Organize
Imagine a horizontal line that cuts through your website. It could handily be used to separate a section. Sure, you could create an image of a horizontal line and then insert it into your site, but that's tedious. Luckily, HTML gives us another option. The "Horizontal Rule" tag, denoted by hr.
Html Tags List
Basic and Most used html tag list.
The first tag that you add on your file will be html. This is the tag which defines that the document is html.
Title and Head tag
It is like the head of a human, because it is used to identify the file. Head tag should lie inside "html" tag. Head tag has many purposes. But at this point we will discuss only one of its tags title.
HTML Body Tag
It is like the body of a human. BODY tag should lie inside "html" tag.
Special Effects: Marquee Tag
If you want your text to move with in the screen, use this tag. The tag used is "marquee".
Special Effects: Marquee Tag
How to set the marquee scrolling speed? See code…
Special Effects: Blinking Text Tag
If you want blinking text, use this tag. The tag used is "blink".
The HTML Tag
An HTML tag is a code element that tells the Web browser what to do with your text. Each tag will appear as letters or words between a (less than sign) and a (greater than sign).
Here is a very short list of frequntly used HTML tags and their uses.
The HEAD contains general information, or meta-information, about the document. It is the first thing in any document, lying above the BODY and just after the HTML tag starting the document.
This tag has a single attribute, namely 'the number of the next document-wide numeric identifier to be allocated of the form z123'. The NEXTID tag is designed for use by automatic hypertext editors, and is not intended for use by mere humans. People writing HTML should generally use mnemonic alphabetical identifiers.
The title of a document is specified by the TITLE element, which should be placed in the document HEAD. Each document can have only one title, which should identify the document content in a general way.
The BODY element contains all the content of a document, as opposed to the HEAD, which contains information about the document. Various mark-up elements are allowed within the body to indicate headings, paragraphs, lists, hypertext links, images, and so on. These are described and illustrated in documents following this one.
Marking Paragraphs tag
The P element marks a block of text as a paragraph -- the tag P marks the beginning of the paragraph, while the tag /P marks the end of a paragraph. The end tag, however, is optional, as a paragraph is automatically ended when you start another paragraph, or when you start a heading, blockquote, list, table or form.
HR: Horizontal Ruled Line
The HR element is used to draw a horizontal dividing line completely across the screen. This can be to logically separate blocks of text, or to separate icon lists from the body of the text.
CENTER tag Element
Netscape introduced the CENTER element to permit center alignment of block of text, figures, etc. They did this because there was a bug in several browsers so that markup like P ALIGN="center" lead to errors in display of the text. This problem has now been fixed, so that you should use ALIGN attributes to center align text inside other elements (P, BLOCKQUOTE, etc.) wherever possible, and should avoid using the CENTER element.
Title & Body
The TITLE is used to give your web page creation a name. Every great work deserves a name and a web page is no exception…
HTML Tags Lessons - Comment Tags
The COMMENT tag is for organizing the source code (HTML) just like the Horizontal Rule HR tag is for the web page. The comment tag is used in the BODY area of the code. It can be any length in characters.
The hr tag
The horizontal rule, or hr tag is a good way to divide the content of your webpage. On this page you will find examples of the hr tag and other methods of seperating the content of your html document.
Basic HTML Tags
Here you will learn the very most basic HTML tags that are required when creating a web document.
HTML Body Tag
You now know that the Body tag is used to tell the web browser that it needs to display the text and graphics, exactly as you have specified. But what else can be done with the body tag? The Body tag is also used to specify the background image or color, the text color, the link color, the visited link color, and the active link color.
Home1 inet tele - Tags
HTML tags are what tells the browser whether text is a command or not. It's quite simple actually. It reads from the left to the right, just as with normal text. Why? Because HTML is simple plain English text. But if you want, say bold text you can't just write bold text and then hope it'll come out as bold text on your web page. This is where the HTML tags come in. An example follows.
Document tags define the overall structure of an HTML document.
H# ... indicates a header, a title of a section of the document. For example…
Indicates text which should be more forceful than surrounding text.
INS, DEL tag
DEL indicates that the text has been deleted from the current revision of the document. INS indicates that the text has been inserted into the document since the last revision.
CITE indicates a reference to work, such as a book, report or web site.
ADDRESS denotes contact information for the author or organization of the web site.
Indicates a definition of a word or term. Although DFN has been around for quite some time, versions of Netscape as late as 3.x do not recognize this tag.
VAR indicates a variable from a computer program.
KBD indicates characters that should be typed in at a keyboard. KBD is rendered in a fixed width font.
CODE indicates text that is the code for a program. CODE is rendered in a fixed width font.
SAMP indicates text which is an example of something. It is also commonly used to represent some key piece of text that has special meaning.
MARQUEE ... creates a scrolling display. MARQUEE ... is an MSIE extension, but is now supported by NS 7. MARQUEE ... is often regarded as one of the "evil" tags, and that perception alone might be enough reason to not use it. However, used lightly and with taste (and understanding that it will never render everywhere), MARQUEE ... isn't such a bad tag. It can work well for announcements.
MULTICOL ... is one of those interesting special effects from Netscape that is more likely to detract from the page than add to it. MULTICOL ... creates columns across the screen. The text flows from one column to the next like in a newspaper. This tends to make the web page more difficult to read, but this tag has a few good uses we'll discuss.
Body Tags And Attributes
This section will give you some of the formatting tags used in the body section of your web page…
About Tags in HTML - Adding HTML Comments
Comments can be a nice way to help yourself when you are coding your web page. Comments are invisible to a web browser when it displays your web page…
Using BODY Tag Attributes
When you create a web page, you can change serveral things in the body of your document by adding extra commands to the BODY tag. Here is what a body tag with serveral additions would look like…
HR Tag Attributes
Well, suppose you wanted to use a horizontal rule on your web page, but you wanted it to match the length of an image, or some text....or maybe have a short line aligned to the left or right of the page. Well, you can! Here is a list of attributes you can use to change the hr tag to your liking...
Looking inside tags
Learning to look inside HTML tags. Most of the major tags in the HTML 3.2 specification are here...
About Tags in HTML - Beginning HTML Tags
Tags are embedded commands in an HTML document. By placing a tag correctly, you tell the browser what to displayand how to display it. Tags come in pairs. First, an opening tag tag, followed by a closing tag/tag.
About Tags in HTML - Comments tag
About Tags in HTML - Body tag
As we mentioned, the body tag serves as the element containing all the content for the website. Tables, Lists, Forms, Paragraphs, everything must be placed within the body element to be displayed on your site.
About Tags in HTMLs - HTML Horizontal Rule tag
Use the hr / tag to display lines across the screen. Note: the horizontal rule tag the special form, like the line break tag.
Weballey - Tags
In HTML everything revolves around tags. A tag is a label, with something written on it, like the name tag on your suitcase. Having a toe tag is not a desirable state. You get one when you're lying in the morgue. An HTML tag works like a kind of switch. You switch something on or off in your browser.
Weballey - Backgrounds
The BODY tags enclose the actual web page. With this body tag you can however accomplish some other things. For example you can change the background of your web page. You have two options to do this. You can give your page a plain background color, or use an image which fills the entire background.
An HTML tag consists of the following, in this order…
ADDRESS: document author information
To provide contact information about the author of the current document ( i.e. the document in which the element is used).
APPLET: Java applets
To embed a Java applet into an HTML document.
BODY: document body
The basic structure of an HTML document always consists of a head and a body. It is not necessary to explicitly enclose the body into a BODY element, but by doing so one can specify attributes which affect the document as a whole (e.g. by setting background image or color).
To specify that part of a document to be centered in the rendering.
To present a citation or reference to other sources, such as a book title…
DIV: document division
To specify document division. The ALIGN attribute allows different alignments (left, center, right) to be used in different parts of the document. The DIV element can also be used in conjunction with style sheets in order to affect the rendering of parts of a document in various ways.
HEAD: document head
The basic structure of an HTML document always consists of a head and a body. It is not necessary to explicitly enclose the head into a HEAD element.
OPTION: an option in a select menu
To present one option in a select menu within a form.
TITLE: "external" title
To define the (obligatory) "external" title for the document.
To indicate that a piece of text (typically, a word) is a variable, a "placeholder", i.e. a generic notation to be replaced by different actual expressions.
You create sections on your Web page with tags. Think of tags as commands in the language of HTML. If you want a word to be bold you put tags where that word begins and ends. Or if you want to use italic text the tags will surround those words.
HTML Tag Quick Reference Page
Once you have all the HTML basic's figured out you can use this page as an excellent resource when you need a quick refresher on a tag…