First, web standards
Web standards are the standard for Web pages, not a standard, a set of standards, most of which are developed by the Internet, and some are made by the ECMA.
Web Standard consists of three aspects of structure (html,xhtml), Performance (CSS), behavior (JS)
w3c-World Wide Web Consortium (Structural standards and performance standards)
ecma-European Federation of Computer Manufacturers (standards of conduct)
Second, the HTML related concepts
1.html-Hypertext Markup Language
2.xhtml-Extensible Hypertext Markup Language
The fifth major revision of 3.html5-html
Note: The difference between HTML and XHTML
A) XHTML does not add any new tags, but syntax requirements are more stringent
b) For example, tags must be closed, tag names must be lowercase, attribute values must be enclosed in double quotes
Third, HTML basic structure
1. Document declaration (informs the browser document of what specification to render)
Document declaration of H5 <!doctype Html>
2. Root tag of Web page (root element): HTML
All the code is placed in the HTML tag
The 3.html also contains two parts: the head part and the body part
The head section is used primarily to set up the document's header, keywords, description, introduction of some external files, etc.
Body section: All Web content and content labels to be displayed in the browser are placed in the body section
4. Setting Character Set encoding
<meta charset= "Utf-8"/>
Common encoding Format: utf-8,gbk,gb2312
Iv. HTML syntax
1. General markings
< Tag Property = Property Value Property = property value ></Tag >
Eg: <a href= "#" target= "_blank" > Baidu </a>
2. Empty tags
< Tag Property = Property Value Property = property value/>
Eg:
Note: a) the attribute and attribute values are connected by an equal sign
b) attribute values are placed in double quotation marks
c) Multiple attributes separated by spaces, in order of precedence
Five, HTML common tags (tags)
1. Text title
Syntax: Note: X is 1-6
Eg:
2. Paragraph marks
Syntax: <p> paragraph text content </p>
3. Spaces (HTML escape characters)
Other commonly used HTML escape characters:
> >
< <
4. Line break
Grammar: <br/>
5. Bold
Syntax:<strong> bold text </strong>
<b> Bold text </b>
6. Tilt
Grammar:<i> Italic text </i>
<em> Italic text </em>
7. Horizontal Divider Line
Grammar:
8. Superscript and subscript
Superscript: <sup></sup>
Subscript:<sub></sub>
9. Unordered List
Grammar:<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
...
</ul>
10. Ordered list
Grammar: <ol>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
...
</ol>
11. Customizing the list
Grammar:<dl>
<dt>a</dt>
<dd>a1</dd>
<dd>a2</dd>
...
<dt>b</dt>
<dd>b1</dd>
...
</dl>
12. Three ways to approach a relative path
(a) When the current and target files are in the same directory: the target file name + extension
(b) When the folder in the current and destination files is in the same directory, writing: the folder name/destination file name + extension
(c) When the folder in which the current file is located and the destination file is in the same directory, the following: /destination file folder name/destination filename + extension
Note:.. /delegate returns to the previous level directory
13. Picture
Syntax:
Note: The difference between ALT and title:
A) title is the message that is displayed when the mouse hovers over a picture
b) Alt is the replacement information that appears when the picture does not load properly for some reason
14. Hyperlinks
Syntax: <a href= "link address" target= "_blank" title= "hint info" > link text or Picture </a>
Note: target= "_blank" link opens in new page
target= "_self" default property value, open on this page
Empty link <a href= "#" > News </a>
On the basic understanding of HTML
