Html content parsing, html Parsing

Html content parsing, html Parsing

First, we understand the use of HTML and css, so let's take a look at some of the functions and uses of HTML today.

Simply put, HTML is the flexible use of tags, which is equivalent to the skeleton of a Web page. With this skeleton, the web page can be more regional.

First, HTML terminology

1. HTML documents consist of many elements. All content is organized into pages by elements.

2. The component of an element is its framework. The start tag, content, and end tag are available. The tag name is also called the element name.

3. All elements have attributes. For example, tag a href indicates its attributes. The attribute value is enclosed in quotation marks.

4. The empty element involved is that there is no end tag. For example, inserting images and videos is an empty element.

5. An element can contain other elements to form a nested hierarchy. The two elements cannot be nested with each other.

6. The declaration of the document is currently using the HTML5 version. <! DOCTYDE.html> This is a declarative statement for the browser to know.

7. The HTML Tag must be added at the beginning and end of the Code.

In the head Element

He is the first child element of HTML. His role is to describe the additional information of his webpage. The content is not displayed on the webpage.

The tag has

Meta

Title --------------- indicates the webpage title

In the meat tag, we need to add the character set <meta charest = "UTF-8" ------ to translate the language.

The search engine can add keyword and discription after meta to the weight of the page.

In the body Element

This is the second sub-tag of HTML.

The Content Used in the tag must be displayed on the webpage. Use the following labels:

> Unordered list ul

Ordered list ol (li is its subtag)

Custom list dl (sub-label dt is the meaning of professional list explanation dd)

Section label p content is displayed in the corresponding section

Blockquote ----------------- Short reference tag q

Add a span label to the text.

& Lt; less than the symbol. & Gt; greater than the symbol. & Nbsp; space symbol. & Copy; copyright symbol. & Reg; Registered symbols. & Amp ;&

Italic label em

Bold label strong

Date Tag time ---------- attribute datetime provided to search engine

Abbreviated label abbr ---------- attribute title is full name

Superlabel sup

Subscript tag sub

After adding the video vidio ---------- property src, add the "controls" display progress bar to the label for the added file address (audio and image are the same), autoplay automatic replay, loop playback

Capture image figure -------- Add the image to the img in the sub-tag, and the alt content after the image is helpful for web crawlers to capture. Figcaptioon is an explanation of the content image.

Newline label br

Split line label hr

Radio tag <input type = "radio" name = "" value = ">

Multiple tag selection <input type = ''checkbox'' name = "">

Enter the account tag <input type = "text" name = "account saved">

Enter the password tag <input type = "pasword" name = "Password Saved">

Text Box label <textarea name = "" id = "" cols = "40" indicates column rows = "10" indicates row>

Select ---------- In the drop-down list drop-down box, the attribute name indicates the selected item, and the sub-tag option attribute value indicates the selected item.

Input box prompt information <input type = "text" placeholder = "this is the information displayed in the input box">

Automatic match information tag datalist ------- attribute id sub-tag option value = "this is the input box that matches your information"

Click Show tag details -------------- Word Table sign summary show the clicked Text p is the content displayed after the click

Table label table ---------- sub label tr (ROW) td (column)

Common submission label <input type = "button" value = "is the button name>

Directly submit the tag and change the button to submit. The same is true.

Reset the tag and change the button to reset.

Set the text box to enter the length label -------- directly add maxlength = "Length Value"

Not empty label -------- add required directly to the end

Calendar plug-in label <input type = 'data'>

Enter the default value defined by the height input label <input type = "number" min = "" max = "" step = "" = value = ""

Scroll bar label <input type = "range" min = "" max = ''' name = '''>

Color Selection label <input type = "color" name = "">

In a word, all things in HTML are memorized by yourself.