Latest summary of HTML tags

HTML commonly used tags (emphasis)

Title tag
<h1>-<h6>
A title occupies one line, the title text from <h1> to <h6> becomes thinner and font size becomes smaller.
Paragraph tag
<p> I am a paragraph </p>
line break tag
<br />
text formatting tag

  • Bold < strong >< /strong> or <b >< /b>
  • Italic <em >< /em> or <i >< /i>
  • Underscore <ins >< /ins> or <u >< /u>
  • Strikethrough <del >< /del> or <s >< /s>

<div> and <span> tags (block tags)

  • The <div ></div> tag is used for layout, only one <div ></div> can be placed in a row
  • The <span >< /span> tag is used for layout, and one line can put multiple <sapn >< /span>

Image tag <img>
Insert picture description here
Insert picture description here
relative path and absolute path
Insert picture description here
Insert picture description here
hyperlink tag
Insert picture description here

Attributes effect
href Used to specify the address of the link target , (required attribute) when the tag uses the href attribute, it has the function of a hyperlink
target Used to specify the opening method of the linked page, where _self is the default value (open in the current page), _blank is to open in a new window
链接的分类

Insert picture description here
Comment label
Insert picture description here
special character
Insert picture description here
table label

<table> 是表格标签,<tr>是行,<th>和<td>是表格中的元素

  • basic structure

Insert picture description here

  • Header cell label

Insert picture description here

  • Table related attributes (understand)
    Insert picture description here
    不能只看,一定要动手敲一遍
    Insert picture description here

List label

  • The unordered list <ul> tag
    Insert picture description here
    is displayed as follows in the browser:
    Insert picture description here
  • The ordered list <ol> tag
    Insert picture description here
    is displayed as follows in the browser:
    Insert picture description here

Form tag <form>

  • Text box
    Insert picture description here
    Insert picture description here

  • Single box
    Insert picture description here
    Insert picture description here

  • Checkbox
    Insert picture description here
    Insert picture description here

  • Time (year. month. day)
    Insert picture description here
    Insert picture description here

  • Submit documents
    Insert picture description here
    Insert picture description here

  • Submit button
    Insert picture description here
    Insert picture description here

  • Password field
    Insert picture description here
    Before
    Insert picture description here
    entering the password: After entering the password:
    Insert picture description here

  • choose the color
    Insert picture description here
    Insert picture description here

  • Normal button

  • Insert picture description here
    Insert picture description here

  • Text field
    Insert picture description here
    Insert picture description here

  • Drop-down checkbox
    Insert picture description here
    Insert picture description here

Guess you like

Origin blog.csdn.net/qq_54550842/article/details/112983728