Generally it is only used for setting. For example:<br/><hr/>

End/can be omitted

Generally, it has the function of inclusion. For example: <p></p> A p tag should contain the entire paragraph.

End/must not be omitted

Inline elements (inline elements): The content determines the width of the label and can be displayed on the same line as other inline elements.

Block-level elements: The default width is the same width as the window. No matter how much content occupies an exclusive line, it cannot be displayed on the same line with other tags.

Note: When included: block-level elements include inline elements (those at the same level can also include each other) For example: If the tags in the paragraph are bolded, it must mean that the p tag contains the strong tag, but not vice versa.

Effect: line wrapping, larger spacing, block-level elements

Effect: Line break, bold font, block-level elements

Effect: no line breaks, bold font, inline elements

Effect: no line breaks, font italics, inline elements

Effect: line wrap, spacing unchanged

Effect: generate a horizontal line

<img attribute 1 = "attribute value 1" attribute 2 = "attribute value 2" /> inline element

src: Set the image path (it is recommended to create a new folder to save images in the same folder of the web page)

width: Set the width of the image

height: Set the height of the image

alt: text description when the picture fails to display

title: Set the text displayed when the mouse passes over the image

href: Set the path of the page to jump to. For example: folder name/file name shouye/goods.html

target: Set the opening method when the page jumps. _blank: Open a new window and display the new page.

Clickable content: All content in html can be used as clickable objects

Step 1: Set the anchor point first: Set the anchor point at the fixed position you want to jump to <a name="#anchor name"></a>

Step 2: Jump to the anchor point 1. The same page 2.<a href="Path of the page where the anchor is located#anchor name">Content</a>

Note: Without adding #, the default is page

Attributes 1.controls: Display controls, such as pause and play buttons 2. loop: loop playback 3. autoplay: automatic playback

code 1.<!-- 2. No controls are displayed by default whether it is video or music. 3.--> 4. <audio controls="true"loop="true"autoplay="true"> 5.<!-- 6. Just like videos, provide as many music file formats as possible 7. The browser will automatically recognize the music format it can load. 8.--> 9. <source src="video/sound.mp3"> 10. <source src="video/sound.ogg"> 11. </audio>

input type: 1. type="text" text box 2. type="password" password box 3. type="file" file field, used to upload files 4. type="number" number box 5. type="hidder" hidden field needs to submit some data, but some data can be hidden if the user does not need to see it. 6. type="radio" radio buttons. Note that the name attribute values ​​of radio buttons in the same group must be consistent. Attribute: checked: Set to be checked by default 7. type="checkbox" check box Note that the name attribute value of check buttons in the same group must be consistent 8. type="submit" Submit button can be set according to your text content through value setting 9. type="reset" reset button to restore the elements in the form to their initial content 10. type="image" Submit button (picture type) can set the button image through src="" Non-input type: Drop-down box: select text area: textarea 1.<!--Drop-down box (drop-down list): select 1.<!-- 2. option: an option in the list 2. Text field 3. selected: Set the default selected item 3. cols: Set the number of columns displayed in the text field 4. --> 4. row: Set the number of rows displayed in the text field 5. <select name="nian"> 5.--> 6. <option> 6. <textarea name="beizhu" cols="20" row="6"> 7. <option> 7. 8. <! --Set this item as the default item--> 8.</textarea> 9. <option selected>2000</option> 10. <option>2001</option> 11. </select>

Other properties