Front-end Base-html Markup Language

Read Catalogue

• First, HTML tags and document structure
• Second, HTML tags detailed syntax and attention points
• Third, the label classification in HTML
• Iv. HTML annotations

First, HTML tags and document structure

HTML as a markup language, is a variety of tags to mark the content of the Web page. We learn HTML is mainly to learn HTML tags.

So what is a label?

The #1, in HTML, specifies that the brackets in English are ' < ' and ' > ' wrapped, such as ' 
tags in html are stored in a text file and are organized according to the following fixed document structure:
<! DOCTYPE html>
Explanation of each part
#1, <! DOCTYPE Html> is a document declaration that must be written in the first line of the HTML document, before the Common head elements include <title>, <script>, <style>, <link> and <meta> tags, and head tags are described in detail in the next section.
The content between 
Relationship between labels
#1, parallel (sibling/peer)    Head and Body#2, nested (parent/subordinate)    HTML with body inside
Second, HTML tags detailed syntax and attention points
Syntax for Tags:
< Tag Name property 1 = "Value 1" Property 2 = "Value 2" ......> content section </label name >< Label Name Property 1 = "Value 1" Property 2 = "Value 2" ....../>
Attention:
Third, the label classification in HTML
Single from the angle of whether you can embed a sub-label, the label is divided into two categories
#1, container class label    container class tags can be easily understood as a tag that can nest all other labels.    Common Container-level tags:     h-Series     Ul>li    ol>li    dl>dt+dd    div#2, Text-class label    text-level labels corresponding to container-level labels, only nested text/pictures/ The label for the hyperlink.    Common text-level tags:    p    span    strong    em    ins    del
Iv. HTML annotations
No matter what programming language we learn, it is important to note that annotations, which I personally have always regarded as the mother of code. The format of comments in HTML:
<!--here is the content of the note--
Note: You can use carriage return to wrap directly in comments.
And we're used to wrapping up the HTML code with the annotated tag. Such as:
<!--XX Part start    -up here put your XX part of the HTML code <!--XX Part End--
Considerations for HTML Annotations:
Nested #1, HTML comments are not supported. #2, HTML comments cannot be written in HTML tags.
Front-end Base-html Markup Language