HTML tags list and usage instructions

HTML tags list and usage instructions

List of HTML tags

mark type Name or meaning effect Remark
File Tagging
<HTML> ● Document declaration Let the browser know that this is an HTML file
<HEAD> ● beginning Provide overall information about the file
<TITLE> ● title Defines the file title, which will be displayed at the top of the browser
<BODY> ● main body Design file format and content
Typographical Marks
<!--Note--> ○ Description tag Add a description to the file, but do not display it.
<P> ○ Paragraph mark Leave a blank line between words, figures, tables, etc.
<BR> ○ Line break marker Make words, figures, and tables appear on the next line
<HR> ○ Horizontal Line Insert a horizontal line
<CENTER> ● Center Make words, pictures, tables, etc. appear in the middle be opposed to
<PRE> ● Preset Format Make the file display in the original code arrangement
<DIV> ● Positioning Mark Set the placement of words, pictures, tables, etc.
<NOBR> ● No line break Prevent text from wrapping due to being too long
<WBR> ● Suggested line break Default line break position
Font Tags
<STRONG> ● Emphasize the tone Produces a bold font effect
<B> ● Bold Mark Create a bold font effect
<EM> ● Emphasis Mark The font appears italic
<I> ● Italic Mark The font appears italic
<TT> ● Monospaced font Courier font, letters of the same width
<U> ● Underline Underline be opposed to
<H1> ● First level heading tag Make the font bigger, the higher the level, the smaller it is
<H2> ● Second level title tag Make the font bigger
<H3> ● Level 3 heading tag Make the font bigger
<H4> ● Level 4 heading tag Make the font bigger
<H5> ● Level 5 heading tags Make the font bigger
<H6> ● Six-level heading tags Make the font bigger
<FONT> ● Font Tags Set font, size, color be opposed to
<BASEFONT> ○ Base font mark Set all fonts, sizes, colors be opposed to
<BIG> ● Increase font size Make the font slightly larger
<SMALL> ● Reduce font size Make the font slightly smaller
<STRIKE> ● Strikethrough Strikethrough text be opposed to
<CODE> ● Code The font is slightly wider, such as <TT>
<KBD> ● Keyboard word Slightly wider font, single space
<SAMP> ● example The letter w is slightly different, such as <TT>
<VAR> ● variable Italic effect
<CITE> ● Italic Mark Italic effect
<BLOCKQUOTE> ● Indent right Indent text to the right
<DFN> ● Predicate Definition Italic effect
<ADDRESS> ● Address Marking Italic effect
<SUB> ● Subscript Text subscript
<SUP> ● Superscript Superscript text
Checklist Markup
<OL> ● Sequential List The list items will be arranged in numerical and alphabetical order.
<UL> ● Unordered list List items will be arranged with solid dots as symbols
<LI> ○ Checklist Items Items in the list, one tag per line
<MENU> ● List of options The type parameter can be used to specify the bullet point. be opposed to
<DIR> ● Directory Listing Same as <menu> be opposed to
<DL> ● Definition List The list appears in two layers
<DT> ○ Definition Item List Item Title
<DD> ○ Defining content List item content
Table Markup
<TABLE> ● Table Markup Set the parameters of the table
<CAPTION> ● Table Title Make a row to fill in the table title
<TR> ● Table columns Set the columns of the table
<TD> ● Table Column Set the columns of the table
<TH> ● Table header Equivalent to <TD>, but the text inside will be bold
Form Tags
<FORM> ● Form Tags Determines the mode in which this form will operate
<TEXTAREA> ● Text Box Provide a text input field
<INPUT> ○ Input Tags Determine the input format
<SELECT> ● Select Mark Create a pop-up scrolling list
<OPTION> ○ Options Each checklist option
Graphic Mark
<IMG> ○ Graphic Mark Used to insert graphics and set graphic properties
Link Tags
<A> ● Link Tags Add Link
<BASE> ○ Fiducial Marks Can convert relative URL to absolute and specify link
Frame Tag
<FRAMESET> ● Framework Setting Setting the framework
<FRAME> ○ Window Settings Set the window in the frame
<IFRAME> ○ Inpage frames Insert a frame into a web page IE
<NOFRAMES> ● No framework support Set the browser to prompt when it does not support frames
Image Map
<MAP> ● Image map name Set the image map name
<AREA> ○ Link Area Set each link area
multimedia
<BGSOUND> ○ Background Sound Play music or sound in the background IE
<EMBED> ○ multimedia Add sound, music or video
Other Marks
<MARQUEE> ● Revolving lantern Make text move IE
<BLINK> ● Flashing text Make text flash NC
<ISINDEX> ○ Page finder You can enter keywords to search for this page be opposed to
<META> ○ Introduction Provide information about this page to the browser
<LINK> ○ Relationship Definition Defines the relationship between this file and other URLs
StyleSheet
<STYLE> ● Style Sheet Control page layout
<span> ● Custom Tags Used standalone or with stylesheets

Remark:

1. ● indicates that the tag is a containment tag, that is, it needs to be closed by </tag>.

2. ○ indicates that the tag is an empty tag, that is, no end tag is required.

3. IE means that this tag is only applicable to Internet Explorer.

4. NC means that the tag is only applicable to Netscape Communicator.

5. Oppose means that the tag is not approved by W3C. Usually this tag is customized by Microsoft or Netscape and has been supported by everyone, but there are other options with the same or better functions in the HTML standard.

6. Deprecated means that the tag has been abandoned by W3C and is an outdated tag, but HTML has backward compatibility, so the browser still supports it.

7. New means that the tag is newly added in HTML 4.0.

If you feel it is not detailed enough, you can refer to the following article for a complete list of HTML elements (tags) and their usage.

——This article was earlier reproduced from the Internet and cannot be traced back. The source is not indicated without special explanation.

<<:  A summary of some of the places where I spent time on TypeScript

>>:  Design Theory: Ten Tips for Content Presentation

Recommend

React implements infinite loop scrolling information

This article shares the specific code of react to...

How to check if the firewall is turned off in Linux

1. Service method Check the firewall status: [roo...

Layui implements sample code for multi-condition query

I recently made a file system and found that ther...

Click the button to turn the text into an input box, click Save to turn it into text implementation code

Click the button to turn the text into an input b...

What is Software 404 and 404 Error and what is the difference between them

First of all, what is 404 and soft 404? 404: Simpl...

Detailed Tutorial on Using xargs Command on Linux

Hello everyone, I am Liang Xu. When using Linux, ...

HTML basic summary recommendation (text format)

HTML text formatting tags 標簽 描述 <b> 定義粗體文本 ...

How to use wangEditor in vue and how to get focus by echoing data

Rich text editors are often used when doing backg...

Tutorial on Migrating Projects from MYSQL to MARIADB

Prepare the database (MySQL). If you already have...

A brief talk about the diff algorithm in Vue

Table of contents Overview Virtual Dom principle ...

Life cycle and hook functions in Vue

Table of contents 1. What is the life cycle 2. Th...

How to solve the problem that Seata cannot use MySQL 8 version

Possible reasons: The main reason why Seata does ...

Where is mysql data stored?

MySQL database storage location: 1. If MySQL uses...

vmware workstation12 installation centos prompts VMware Player and Device/Credential Guard are incompatible, reasons and solutions

In the latest version of WIN10, Microsoft introdu...

MySQL optimization query_cache_limit parameter description

query_cache_limit query_cache_limit specifies the...