1.HTML review (Common tags, attributes, div layouts, meta)

The foundation is not strong, shake

2018-07-29

Previously did not learn HTML, now do a Web project has a way to start the feeling, although there are ready-made pages, but to adjust the style, or will encounter a lot of difficulties, or re-start to review again, the efficiency of the writing will be higher.

Common tags P: paragraph tags hr: Split line ol ordered OL unordered Li List table table TR line TD column form form span range BR newline img-alt--titile (for hint) image

Common properties: Input control--text text button buttons submit password Password Date Date datetime date time check check Ridio radio

Note: attribute values must be enclosed in quotation marks

Div: This is a very important label

1.HTML Full Name: Hypertext Markup Language (hypertext Markup Language)

The role of 2.meta tags:

(1) Description document type and character encoding (2) Description Search keywords and description (provide search keywords and content description information, convenient search engine searching)

eg

3.HTML Label classification (for easy follow-up layout design):

• Block-level Tags: displayed as "block", Front and back row
• Row-level Labels: display by row

4. Ordered label: Order ordered list List lable label

<ol> <li> list Items 1</li> ... </ol>

5. Unordered Tags: unorder

<ul> <li> list Items 1</li> ... </ul>

6. Definition Description Label define definition describe description

<dl> <dt> title </dt> <dd> Description 1</dd> ... </dl>

7. Form elements

<form> <table> <tr> <td>...</td> <td>...</td> </tr> ... </table > </form>

8. Four types of block structures commonly used in real-world development

• DIV-DL-DT-DD------used for text and graphics

• Div-ul (OL)-Li for category navigation or menus, etc.

• Form-table tr-td-For layout forms

• TABLE-TR-TD: For graphic layout or display data

1.HTML review (Common tags, attributes, div layouts, meta)