Basic HTML tags and their meanings

Source: Internet
Author: User

Tag

Type

Translated name or meaning

For use

Remarks

File tag

<HTML>

File Declaration

Let the browser know that this is an HTML file

 

<Head>

Start

Provide overall File Information

 

<Title>

Title

Defines the file title, which will be displayed at the top of the browser

 

<Body>

This article

Design file format and inner

 

Typographical tags

<! -- Annotation -->

Description label

Add instructions to the file but not displayed

 

<P>

Section label

Leave a blank line between words, paintings, tables, etc.

 

<Br>

Line feed label

Display words, paintings, and tables in the next row

 

<HR>

Horizontal line

Insert a horizontal line

 

<Center>

Center

Display words, paintings, and tables in the middle

Objection

<PRE>

Default format

Display files according to the original code

 

<Div>

Segmentation label

Set placement of words, paintings, tables, etc.

 

<Nobr>

No discount

Make text not detour for too long

 

<WBR>

Suggested line breaks

Default line position

 

Font label

<Strong>

Aggravated tone

Generate bold and bold font Effects

 

<B>

Bold label

Generate a bold font Effect

 

<Em>

Emphasize labels

Italics appear in the font

 

<I>

Italic label

Italics appear in the font

 

<Tt>

Typing font

Courier font with the same letter width

 

<U>

Bottom Line

Bottom Line

Objection

<H1>

Level 1 title label

Thickening and widening; the degree is inversely proportional to the level

 

<H2>

Level 2 title label

Increase or widen the font size.

 

<H3>

Level 3 title label

Increase or widen the font size.

 

<H4>

Level 4 title tag

Increase or widen the font size.

 

<H5>

Level 5 title tags

Increase or widen the font size.

 

<H6>

Level 6 title label

Increase or widen the font size.

 

<Font>

Font label

Set the font, size, and color

Objection

<Basefont>

Base font label

Set all fonts, sizes, and colors

Objection

<Big>

Font increase

Increase the font size.

 

<Small>

Shrink the font size

Reduce the font size.

 

<Strike>

Draw line Deletion

Add a strikethrough to the font

Objection

<Code>

Code

The font is slightly widened, as shown in <tt>

 

<KBD>

Keyboard character

The font is slightly widened, with a single blank

 

<SAMP>

Example

The font is slightly widened, as shown in <tt>

 

<Var>

Variable

Italic Effect

 

<Cite>

Biography quotes

Italic Effect

 

<BLOCKQUOTE>

Quote text block

Shrink font

 

<Dfn>

Definition

Italic Effect

 

<Address>

Address label

Italic Effect

 

<Sub>

Subscript

Subscript

 

<Sup>

Superscript

Index (square, cubic, etc)

 

List tag

<Ol>

Sequence List

The list items are listed in numbers and letters.

 

<Ul>

Unordered list

Configuration items are arranged in dots

 

<Li>

LIST ITEMS

Each tag identifies a configuration item

 

<Menu>

Menu list

The configuration items are arranged in dots, as shown in <ul>

Objection

<Dir>

Directory List

The configuration items are arranged in dots, as shown in <ul>

Objection

<DL>

Definition list

The list is displayed in two layers.

 

<DT>

Define entries

Indicates the title of the definition.

 

<DD>

Definition content

Mark definition content

 

Table label

<Table>

Table label

Set parameters for the table

 

<Caption>

Table title

Create a column to enter the table title

 

<Tr>

Table Column

Set columns in the table

 

<TD>

Table Column

Set the columns of the table

 

<TH>

Table Header

Equal to <TD>, but the font inside it will become rough

 

Form tag

<Form>

Form tag

Determine the operating mode of a single form

 

<Textarea>

Text block

Provide text box to input a large amount of text

 

<Input>

Enter tags

Determines the input format

 

<SELECT>

Select tag

Create a pop-up volume list

 

<Option>

Option

Each tag identifies an option.

 

Graphical labels

Graphical labels

Used to insert and set graphic attributes

 

Link tag

<A>

Link tag

Add Link

 

<Base>

Benchmark tag

You can convert relative URLs to absolute URLs and specify link targets.

 

Typographical tags

<Frameset>

Framework settings

Set framework

 

<Frame>

Frame setting

Setting window

 

<IFRAME>

On-page framework

Insert a frame in the middle of a webpage

IE

<Noframes>

Framework not supported

Set the prompt when the browser does not support the framework

 

Image Map

<Map>

Image Map Name

Set Image Map Name

 

<Area>

Link Area

Set connection Areas

 

Multimedia

<Bgsound>

Background sound

Play Sound or music on the background

IE

<Embed>

Multimedia

Add sound, music, or image

 

Other labels

<Marquee>

Move text

Move text around

IE

<Blink>

Flashing Text

Flashing Text

NC

<Isindex>

In-page Finder

Enter a keyword to search for this page.

Objection

<Meta>

Definition

Let the browser know that this is an HTML file

 

<Link>

Link Definition

Define the relationship between the file and other URLs

 

Stylesheet

<Style>

Style Sheet

Control webpage Layout

 

<Span>

Custom tags

Used independently or with style sheets

 

Note:

Indicates that the tag is an enclosed tag, that is, the tag needs to be closed, as shown in </Tag>.

Indicates that the label is empty, that is, the label does not need to be closed.

IEThis label applies only to Internet Explorer.

NCIndicates that the label only applies to Netscape Communicator.

ObjectionThis label is not accepted by W3C. Generally, this label is customized by IE or NC and is supported by the public. It is only applicable to other functions or better options in HTML standards.

DiscardIndicates that the tag has been deprecated by W3C and is outdated. However, HTML is backward compatible and does not support old tags in new browsers.

NewIndicates that the tag is added in HTML 4.0.

 

Extracted from Baidu space: http://hi.baidu.com/code4fun/blog/item/5e364490cd03ac8ba977a45b.html

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.