Basic HTML Concepts
- The basic concept of HTML is understood: (HTML) is not a programming language, but a descriptive markup language.
- Complete HTML files include headings, paragraphs, lists, tables, drawn graphics, and various embedded objects, collectively known as HTML elements.
HTML Basic Markup
- Head Mark
- Title tag <title>. </title>
- Meta-Information Markers <meta>...</meta>
- The properties provided by the <meta> tag and their values are shown in the following table:
Property |
Value |
Describe |
CharSet |
Character encoding |
Defining the character encoding of a document |
Content |
Some_text |
Define meta information related to the HTTP-EQUIV or Name property |
Http-equiv |
Content-type |
Associating the Content property to the HTTP header |
Expires |
Refresh |
Set-cookie |
Name |
Author |
Associating the content property to a name |
Description |
Keywords |
Generator |
Revised |
Others |
<meta charset= "iso-8859-1" > Web page is displayed using the iso-8859-1 character set.
<meta name= "keywords" content= "html,css,xml,xhtml,javascript"/> Define keywords for search engines. (Note: Different keywords are separated by a half-width comma (in English), and you cannot use spaces or other symbols; here is keywords not keyword; keyword tags should be a phrase, not a paragraph of the word)
<meta name= "description" content= "page Introduction"/> Briefly describes the main content of the Web page
<meta http-equiv= "Refresh" content= "seconds; [url= url] "/> page automatic refresh (url= URL can be omitted, it specifies the refresh time, omit only refresh, do not jump)
- Page comment shortcut key "ctrl+/"
- Body Markers <body>...</body>
- Add text to add in the body.
- Three accent types <b> Markers <em> Markers <strong> markers. (where bold is the <b> tag, <strong> tag.) The Italic is <em>, and the other italic is <i> <cite>. <u> is underlined . )
- Superscript, subscript. (<sup> superscript </sup> <sub> subscript </sub>)
- The small label is used for text-to-margin text. <small> font becomes smaller </small>.
- Defines the direction of the text (this is less, and generally defaults from left to right.) ) <bdo> tag, but it needs to be used with the attribute dir. <bdo dir= "ltr" > Left-to-right </bdo>;<bdo dir= "RTL" > Right-to-left </bdo>.
- <br> line break. General </br>.
- Text list:
- Unordered list <ul> (can be nested)
<li>...</li>
<li>...</li>
</ul>
Unordered list of three different styles:
disc |
Circle |
Square |
<ul type= "disc" > <li>...</li> <li>...</li> </ul> |
The style header is |
<ul type= "Circle" > <li>...</li> <li>...</li> </ul> |
Style header is 0 |
<ul type= "Square" > <li>...</li> <li>...</li> </ul> |
The style header is |
-
- Sequential table <ol> (can be nested)
<li>...</li>
<li>...</li>
</ol>
<title> Custom Lists </title>
<dl>
<dt> Vertical </dt> (This is not a column, is a cell, from left to right, this column automatically jumps to the next column when it is full)
<dd> Horizontal </dd>
</dl>
</body>
[here to distinguish when to use a custom list, when to use
HTML Basics Summary 1