Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What are the commonly used tags in HTML

2025-04-05 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

This article mainly introduces which tags are commonly used in HTML, which are introduced in great detail and have certain reference value. Friends who are interested must finish reading them.

1. The most basic HTML structure

Page title

2. The most commonly used HTML tags

A, layout label

Div tags define partitions or division/section in a document, which can be divided into separate, different parts, mainly for layout.

The content of the aside tag can be used as the sidebar of the article, and the html5 tag is added.

The header tag defines the header of the page (introduction information), and the html5 adds a tag.

The section tag defines the sections (section, sections) in the document. For example, html5 adds tags to chapters, headers, footers, or other parts of the document.

Footer tags define the footer of a document or section, usually containing the author of the document, copyright information, links to terms of use, contact information, and so on. Html5 adds tags.

Article tags specify other independent content of the article, such as title, content, comments, and new tags for html5.

B, text label

The h2-h7 tag defines the title

P tag defines paragraph

B/strong tag bold

Em tag to indicate emphasized text, italic

Strong tags represent important text

U label underscore

S tag delete line

Br tag indicates enter to change the line.

The hr tag indicates a horizontal line

The span tag is used to combine inline elements in a document.

The blockquote tag indicates a block reference

Pre tags define preformatted text, a tag that maintains the original format.

Sub label subscript

Sup > tag superscript

Represents a space

©represents the copyright character

C, a tags define hyperlinks and specify jumps between pages. Links can point to external links or internal id anchors on the page, which can be opened on the current page and open a new window.

Baidu

D, multimedia tags

Img tags mainly insert images in the web page, you can define the image replacement text, display width and height, whether with a border, recommended and other scale settings, otherwise the image will be deformed.

/spanspan替换文本,图片打不开的时候显示/spanspan

The audio tag defines sound, such as music or other audio streams. New label added to html5.

Your browser does not support audio tags.

The video tag defines videos, such as movie clips or other video streams. New label added to html5.

Your browser does not support video tags.

E, serialize label

Ul and li unordered list tags

HTML

JS

PHP

Ol and li ordered list tags, you can use the type attribute to specify the type of ordered list symbol. 1 is arranged in numerical order, which is the default value, (1, 2, 3, 4); an is arranged in lowercase letters, (a, b, c, d); An is arranged in uppercase letters, (A, B, C, D). I is ordered by lowercase Roman alphabet (I, ii, iii, iv); I is ordered by lowercase Roman alphabet, (I, II, III, IV).

HTML

JS

PHP

The dl tag defines the definition list (definition list), and the dl tag is used to combine dt (items in the definition list) and dd (to describe items in the list).

Computers

An instrument used for calculation.

F, form label

Table tags and tr tags, th tags and td tags, merge cells.

Title

Title

G, form label

The form tag defines how to submit, the submission address, the form character set, and how to encode it. Forms that need to be submitted must be placed in the form tag.

The input tag is used to collect user information

Password, the characters entered will be masked (displayed as an asterisk or origin)

A form of file type. When uploading a file, the form form must be set to enctype= "multipart/form-data"

Hide form

Submit

Reset

Radio radio selection

Male

Female

Checkbox multiple selection

PHP

Front end

Database

Note: checked= "checked" can be abbreviated to checked

The label tag defines annotations for the input element, and if you click on the label element text, the input control will be triggered.

Textarea tag to set the number and width of visible lines in the text area

Large text input box

The button tag defines a button

Submit button

Submit

Reset button

Reset

Select tag and option tag drop-down list

Radio menu list box

Ray

Raykaeso

Multiple selection list drop-down box, shift plus mouse click, you can continuously select multiple choices, CTRL+ mouse click, you can click multiple.

Lei Xuesong

Ray

Raykaeso

Note: selected= "selected" can be simplified to selected to indicate that it is selected.

3. Other HTML matters

A, HTML tags and attributes are case-insensitive. It is recommended that HTML tags and attributes are lowercase, and attribute values must be enclosed in double quotation marks.

B and HTML tags all start with the start tag and end with the end tag. Most HTML tags appear in pairs, called double tags, such as p tags, div tags, and some HTML tags ending in the opening tag, called single tags, such as hr tags and br tags. Most HTML elements can have attributes, and the text content is written between the opening and closing tags.

C, HTML tags as far as possible indent and wrap, each line of code is not too long, easy to read and maintain.

D. The use of HTML tags must conform to the label nesting rules. Prohibit a tag nesting a tag, p tag nesting div tag.

E. It is recommended not to use tags that HTML has discarded or disapproved of, and to use less table layout, iframe framework nesting and flash players.

The above is all the content of the article "what are the commonly used tags in HTML"? thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report