HTML basic syntax is convenient for friends who have just started learning html_HTML/Xhtml_web page production

1.1 General tags
General tags are composed of an opening tag (Opening Tag) and an ending tag (Ending Tag). The syntax is: Controlled text< ;/x>
Where, x represents the tag name. and are like a set of switches: the start tag is to turn on (ON) a certain function, and the end tag (usually the start tag plus a The slash /) indicates the OFF function, and the controlled text information is placed between the two marks. For example: This is italics.
Some attributes can also be attached to the tag to achieve certain special effects or functions. For example: Controlled text
Where, a1,a2,...,an is the attribute name, and v1, v2,...,vn are the corresponding attribute values. The attribute values ​​are acceptable in all browsers currently used, with or without quotation marks. However, according to the new W3C standard, the attribute value is Quotation marks are required, so it is best to develop the habit of adding quotation marks.
　1.2 Empty tags
Although most tags appear in pairs, some exist alone. These tags that exist alone are called Empty Tags. Its AND method is:
Similarly, empty tags can also be attached with some attributes (Attribute) to complete certain special effects or functions. For example: , for example:

---

,
, etc.
The new standard (XHTML1.0/HTML4.0) defined by W3C recommends that empty tags should end with /, that is:
If additional attributes are:
The browsers currently used do not have strict requirements on whether to add / after the empty tag, that is, at the end of the empty tag, / and Not adding / will not affect its function. But if you want your files to meet the latest standards, it's best to add /.

　2. HTML tag classification
2.1 Document Structure Tags (Document Structure Tags)
The purpose of such tags is to mark out the file Structure, the main ones are:
　...: Marks the start and end of the html file.
　...: Marks the file title area.
　...: Marks the main body area of ​​the file
2.2 Block Formatting Tags (Block Formatting Tags)
The main purpose of such tags is Display a certain section of text in an HTML file in a specific format to increase the visibility of the file. The main ones are:
: File title.
　...:i=1,2,...,6, webpage title.
　

---

: Generate horizontal lines.
　
: Forced line break.
　

...

: Document paragraph.
　

...

: Display in original format.
　

...

: Mark the contact person’s name, phone number, address and other information.
　

...

: Section quotation mark.
　2.3 Character Formatting Tags (Character Formatting Tags)
　 It is used to change the appearance of HTML file text and increase the beauty of the file. The main ones are:
　...: Bold text.
　...: Italics.
　...: Type font.
　...: Change font settings.
　...: Center alignment.
　...: The text blinks.
　...: Increase the font size.
　...: Reduce the font size.
　...: Reference.
　2.4 List Tags
　

...

: Unnumbered list.
　

...There is a numbered list.
　
1. ...
: List items.
　

...

: list of definitions.
　
...
: Define the project.
　
...
: Define the project.
　...: Directory list.
　...: menu list.
　2.5 Link Tag (Anchor Tag)
Links can be said to be the lifeblood of HTML hypertext files. HTML uses link tags to integrate images, text, video, audio and other information scattered around the world. The main purpose of such tags is to mark hypertext links (Hypertext Link), mainly including:
...: Establish a hyperlink.
　2.6 Multimedia Tag
　This type of tag is used to display image data. Mainly include:
: embedded image.
　: Embed multimedia objects.
　: Background music.
　2.7 Table Tags
　 Such tags are used to create tables. Mainly include:
...: Define table sections.
　...: Table title.
　...: Header.
　...: Table columns.
　...: Table cells.
　2.8 Form Tags
Such tags are used to create interactive forms. The main ones are:

...
: indicates The beginning and end of the form section.
　: Generate single-line text boxes, radio buttons, check boxes, etc.
　...: Generates a multi-line input text box.
　...: Indicates the start and end of the drop-down list.
　...: Generates a selection item in the drop-down list.
HTML tags are not case-sensitive, that is, and are the same. These tags are introduced below.

　3. File structure mark
The structure of an html file can basically be divided into two parts, one part is called the title area (Head Section); the other part is called the main area ( Body Section). File structure tags are used to indicate where the header belongs and where the body belongs.
　3.1: Mark the entire document
Purpose: Mark the entire html document
Description: A standard html document starts with , and Files ending with . That is:
　
... Full text of html file
: In an html file, the area sandwiched by and is called the title area of ​​the file. Usually the head section is included in the html section, that is:
　　　... html file title area
　> ;
　…..
　
　
3.3> ; is the most important and commonly used tag in the title area of ​​html files. Other tags in the title area include , , , , , etc.
　The purpose of the , but a title that is too long may sometimes be cut off and is not easy to remember. 　
3.4: Mark the main body area of ​​the file

Description: In the html file, the area sandwiched by ... is called The main body of the file, usually after the section.
　3.5 Attributes of the tag
backgroud attribute:
This attribute can specify a graphic file (usually gif or jpeg) as the background pattern. The graphic will be laid out like a tile to form the base image of the entire web page.