HTML入门标签汇总

2024-10-16 20:16:50

HTML入门标签汇总

1.`<div></div>`
用于定义文档的区块，用来划分出独立不同的部分。

2.`<h1></h1>`
数字1-6定义从大到小的标题。

3.`<p></p>`
定义段落。

4.`<br />`
换行，用于在文档中空出一行。

5.`<em></em>`
em标签里的内容显示为斜体。

6.`<strong></strong>`
strong标签里的内容加粗显示。

7.`<ul></ul>`
Unordered Lists，创建无序列表标签，单独使用无效果显示。

8.`<ol></ol>`
Odered Lists，创建有序列表标签，单独使用无效果显示。

9.`<li></li>`
嵌套在ul标签里使用，可以创建一个无序列表，每行前带一个黑色圆点。嵌套在ol标签里使用，可以创建一个有序列表，每行前带有数字序号。

10.`<img />`
图片标签，src属性里是图片路径，alt属性是图片无法显示时的显示信息。

11.`<video></video>`
视频标签，src里是视频源文件地址，controls属性的值为controls，用于控制视频的播放，音量，下载。标签中间的信息是无法加载视频时显示的信息。

12.`<a></a>`
a标签，href属性是点击标签转跳的链接，target属性常用的值有_blank在新窗口中打开被链接文档，和_self，即默认值，在相同的框架中打开被链接文档。标签中间的内容是显示的信息。PS.可以使用href="#对应id"转跳到同一个页面的具有那个id的元素上。

13.`<header>,<footer>,<nav>`
分别用来划分页首，页尾和链接，尽管理论上可以用div表示，但div是非语义标签，即不知道里面内容。类比三个变量分别存用户名，昵称，密码，全部用div可以类比为命名变量string1，string2，string3，而使用`<header>,<footer>,<nav>`则类比为变量命名为username，nickname，password，能够让人明白里面的内容。

14.`<table></table>`
定义一个表格，下面六个个标签均在table标签里使用。

15.`<tr></tr>`
定义表格一行。

16.`<td></td>`
定义单元格标签，colspan属性用来表示单元格跨过多少个列，rowspan属性用来表示单元格跨过多少行。

17.`<th></th>`
定义表头单元格，粗体显示。

18.`<thead><tbody><tfoot>`
其中tbody可以使得标签内表格内容先显示。这三个标签用于表单的排版。

19.`<select><option></option></select>`
下拉选择框，option的value属性用来判断选择的内容。

20.`<input></input>`
input标签功能强大，type属性为checkbox时为多选框，为radio时为单选框，name值相同的为同一单选框组，为button和submit时为按钮，为password时为密码输入框，默认为text，文本输入框。

21.`<textarea></textarea>`
多行输入框。

22.`<form></form>`
表单，action属性值为提交表单的路径。

最新文章

热门文章