An introduction to lists, tables, and media elements in HTML

The content of this article is an introduction to lists, tables and media elements in HTML. It has a good reference value and I hope it can help friends in need.

List: There are three types, ordered list, unordered list, and definition list
1. Ordered list:

List items :

The content to be displayed is written inside li, not outside li
Ordered lists are sorted in front of each list item,
The sorting method can be By setting the type attribute in the ol tag
For example:

: Sort using English letters

: Use Arabic numerals to sort, the default is

2. Unordered list:
List items:


The content to be displayed is written inside li, not outside li
Each item in the unordered list There are symbols in front of the list items
To remove the symbols, set none in type
For example:
: solid square

:Hollow square

:Remove symbol

3. Definition list:


List items:

dt is the list title. dd is a description, dd has line indentation
A dt can have many dd descriptions
For example:




Product pictures




Products Name




Product Price


...


Table:

A pair of tr represents a row, and each row is composed of cells td
For example:
< td>

Two rows and two columns
Each cell can span rowspan and colspan
Across rows, it occupies other cells vertically,
Across columns, it occupies other cells horizontally.
The occupied cells need to be deleted.
Media element:
Video tag:
controls: console, which can control the video (pause, play)
autoplay:Auto play
Music tag:
These two attributes have the same function as in the video, they are not required to be written
Use These two tags need to pay attention to the format requirements of each browser
If the file format is not supported, change to another format

iframe inline frame: