Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you what are the relevant knowledge points about the primary knowledge of HTML. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look.

The h tag represents the title label (headline) from H2 to H7, and the font is thicker and larger than normal text. As the number increases, the font size decreases gradually (H2 maximum, H7 minimum), and is usually used on headings.

The p tag represents a paragraph (paragraph), which is usually used in paragraphs, and the text is the same as ordinary text.

Note: h tag and p tag are on a single line.

Appellation divergence

Div is the layout frame label

P is the paragraph tag, layout article tag

The default style is different

There is no spacing between the top and bottom of the div, and the two div can be directly next to each other.

There are margin-top and margin-bottom at the top and bottom of p, as a spacing of its own.

Table, table tags are used to draw a table and then display some data in the table, which is used with several other tags-- tr,th,td.

Tr

Stands for "line", cut a table into how many lines, there are several tr, will cut a few lines, put in the table to use.

Td and th

These two represent the table column, the tr will be cut into a column, th (English table head) is generally used in the first row (the first tr) as the title, showing a bold font, more eye-catching. Td is a normal column, and the text is normal.

Tbody 、 thead 、 tfoot

These three tags are used in table to facilitate the classified management of the data in table.

Note that if there are tbody, thead, tfoot, then tr should be placed under them

Caption tag

This tag is used to define the title of a table and is placed in the table. The caption tag must follow the table tag. You can define only one title for each table. Usually this title will be centered on the table.

Some attributes

Rowspan (row merge), colspan (column merge), border (border style), cellspacing (border interval)

Rowspan= "n", that is, there is no change when merging n lines down (including the line itself), rowspan= "0" or rowspan= "1" from this line. Colspan is the same, except that it is merged to the right column instead.

Em represents the contents of the annotation in italics.

Strong bold the contents of the callout.

The I tag displays the effect of italic text, similar to em.

The b tag specifies bold text, similar to strong, but according to the HTML5 specification, the b tag should be used as the last option when no other suitable tag is more appropriate.

The HTML5 specification states that H2-H7 should be used for headings, em tags for highlighted text, strong tags for important text, and mark tags for annotated / highlighted text. B label-W3C

Small tags show the effect of a small font. The big tag is in a large font. These two tags are not exclusive to one line, but are inline tags like span.

Tags define dimensions (tags) for input elements. Element does not present any special effects to the user. But if you place the mouse over the text, it is equivalent to placing the mouse over the element of id pointed to by the for attribute, and if you click, it is equivalent to clicking on the element pointed to by the value in the for attribute.

Example: for example, in the code below, if you click the text Male, it is equivalent to clicking the input element whose id is male. If you click the label of "trigger button", it is equivalent to clicking the "Hello" button, because the id of the element that for points to

This tag is usually placed in a reference to an external style or a small icon, and something else can be introduced. There are two main attributes.

Rel is used to indicate what is to be introduced, and href indicates the path.

These are all the contents of the article "what are the basic knowledge points of HTML". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.