36 Important HTML Tags

1. <!? ?>: Annotation

Every HTML tag has its uses, but when we write HTML code, we often roamed, ignoring a number of very important and particularly useful tags.

Since so many tags are defined in HTML, and every label has its use, why don't we try to use them. Here's a collection of 36 HTML tags that are often very useful for us to forget.

2. <! Doctype>: Document type declaration

The document type will allow the browser to load the Web page in the appropriate way and display, ignoring DTDs, which will cause the page to enter a confusing mode (quirks mode).

Example:

XHTML transition definition type, which can use the label in HTML4

XHTML strictly defines types, and this document can only use the labels defined in XHTML1

XHTML1.1 version Definition Type

XHTML framework definition type. (You can use frames)

3. <abbr>: abbreviation

Example: <abbr title= "Limited" >Ltd.</abbr>

Description: Abbreviations and abbreviations are abbreviations for an idiomatic phrase, typically using the first letter of each word in the phrase, such as CSS (cascading Style Sheets), and HTML (Hypertext Markup Language) is not an acronym for extracting initials. Sometimes abbreviations are often added at the end.

4. <ACRONYM>: abbreviation for first letter

Example: <acronym title= "cascading Style Sheets" >CSS</acronym>

5. <area>: Define image Click Area

The area label appears alone, <area/>

The area label must be used in the map tag and must be used with the IMG tag.

Property:

Common― General Properties

Accesskey― Link Shortcut access method

Hint text for alt― image

Coords― defines the coordinates of clickable area graphics

href―html URL of the link source

Nohref― image click the excluded area and use nohref when not using href

Shape― clickable Area shape

Tabindex― the traversal order using the "tab" key

Target― Link Target

Area is the meaning of Client-side image map areas, region

Area Label Example:

<map name=" map "id=" map "> <area shape=" rect "coords=" 35,29,135,99″ " href= "#"/> <area shape= "Circle" coords= "243,78,44″href=" # "/> <area shape=" Poly "coords=" 120,137,195,154,135,207″href= "#"/> </map>

6. <base>: Defining base URLs for links and references to pages

The base label appears alone, <base/>

Base labels can only be placed inside the head tag

When you use a relative path to define a link, you can use the base label to define the URL of the relative path defined in all documents

Property:

Href― Base URL

Target― Link Target

Base is the document base URI meaning

Base Label Example

Using the relative links in the HTML page of the example code above, you will point directly to the base URL http://www.renniaofei.com/and use a pop-up window.

Use of base tags in frames

Base tags can often be used in frame links, such as

<frameset cols= "20%, *" > <frame src= "list.html" > <frame src= "http://www.renniaofei.com/" Name= " Maintarget "> </frameset>

Link Page list.htm

l

By using the example above, you can avoid writing target= "Maintarget" in each link

7. <blockquote>: Representing reference blocks

BLOCKQUOTE tags appear in pairs, starting with <blockquote>, ending with </blockquote>

Property:

Common― General Properties

Cite― The URI of the referenced content

Example:

<blockquote cite= "http://www.renniaofei.com/xhtml/" > <p> standard Web Design to distinguish between content and performance, learning standard web design. </p> </blockquote>

8. <button>: Define button

Button label appears in pairs, beginning with <button>,</button> end

You can define a button that is richer than the input content.

Property:

Common― General Properties

Accesskey― Shortcut key access mode

Disabled― Prohibit use

Name― Label name

Tabindex― the traversal order using the "tab" key

Type― Button Type

Button― Normal button

Reset― Reset the form button

Submit― Submit button

Value― data passed to the server side through a form

button is the meaning of the push buttons

Button Label Example:

<button type= "Submit" > Submit </button>

A normal submit button that uses text

<button type= "Reset" > From <strong> Bird fly </strong> Submission Form </button>

Change button label for heavier text in buttons

<button type= "button" >