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

How to use Spark and Scala to analyze Apache access logs

Install First you need to install Java and Scala,...

What are the differences between var let const in JavaScript

Table of contents 1. Repeated declaration 1.1 var...

Sample code for implementing mobile expansion and collapse effects with pure CSS3

This article introduces the sample code for imple...

Common operation commands of MySQL in Linux system

Serve: # chkconfig --list List all system service...

A brief discussion on DDL and DML in MySQL

Table of contents Preface 1. DDL 1.1 Database Ope...

SVG button example code based on CSS animation

The specific code is as follows: <a href="...

Solution to the error when importing MySQL big data in Navicat

The data that Navicat has exported cannot be impo...

Implement a simple data response system

Table of contents 1. Dep 2. Understand obverser 3...

Detailed steps to install the specified version of docker (1.12.6) using rpm

1. Reasons If the system is Centos7.3, the Docker...

Specific use of node.js global variables

Global Object All modules can be called global: r...

React Fiber structure creation steps

Table of contents React Fiber Creation 1. Before ...

Detailed explanation of the spacing problem between img tags

IMG tag basic analysis In HTML5, the img tag has ...

Example code comparing different syntax formats of vue3

The default template method is similar to vue2, u...

What to do if you forget the root password of Mysql5.7 (simple and effective method)

In the previous article, we introduced how to for...

Several specific methods of Mysql space cleaning

Table of contents Preface 1. Check the file disk ...