html中常用的标签

名称	标签	单标签/双标签	特点（属性）	补充
文章标题标签	h1-h6	双标签	1.文字默认加粗 2.字号依次变小 3.竖向排列	h1有唯一性，一个网页里面只允许出现一次，一般是用来放logo图的
段落标签	p	双标签	1.段落与断落之前有间距 2.文字到了浏览器最右侧会自动换行
加粗标签	strong 和b	双标签	1.文字具有加粗效果 2.排列方式：横向排列	strong标签有语气加重效果，表示强调，有利于搜索引擎的搜索
倾斜标签	em 和i	双标签	1.文字具有倾斜效果 2.排列方式：横向排列	em表示强调，关键字使用。
删除线	del和s	双标签	1.中划线 2.排列方式：横向排列	del表示强调。
下划线	u	双标签	1.下划线 2.排列方式：横向排列
上标和下标	sup和sub	双标签
强制换行	br	单标签
水平线	hr	单标签
无序列表	ul和li	双标签	type属性：去更改列表符号	默认列表符号：实心圆 借助于type属性去更改列表符号 写在ul符号的后 type="circle"===空心圆 type="disc"===默认实心圆type="square"===实心方块type="none"===没有符号
有序列表	ol+li	双标签	type属性：去更改列表符号 start属性：更改列表的起始值	默认列表符号：数字 type属性： 1===数字 A ===小写字母 a===大写字母 i===小写的罗马数字 I===大写的罗马数字 start属性：更改列表的起始值 type="1" start="5"就是从5开始
自定义列表	dl+dt+dd	双标签		dd是对dt的解释说明，使用场景：一般是写图文混排效果，一般dt里面放图片 dd里面放解释性的文字
图片标签	img	单标签	1.src属性：写图片的路径的 2.alt属性:当图片无法正常加载出来的时候显示的提示信息 3.title属性:当鼠标悬停到图片上显示的提示信息（title属性可以用于任何一个标签之上） 4.vertical-align:middle：使图片和文字居中（css写的）	如果你的文件和你要找的图片在同一个空间就直接写 img/pig.jdp,, 如果需要返回上一级就是../
超链接	a	双标签	1. href属性：用来写你要跳转地址的（1.可以写真实网址2. 也可以写你自己创建的html文件3.还可以直接写图片的地址） 2.traget属性:用来规定网页的打开方式（-self:在当前页面打开）（_blank:在新出窗口打开） 3.锚点：实现页面中不同位置的快速跳转,必须用超链接结合Id选择器实现 实现步骤 1.给标签写id名字 2.把id名字写给a的href属性，加上#id键	默认有下划线 有文字色（a标签不知道往哪里跳转，地址写#）
块	div	双标签	纵向排列，一般是用来划分版块的
块	span	双标签	横向排列，一般是用来修饰某一小段文字的
表单	form	双标签	1.action属性：一般写服务器的提交地址，有后端提供 2.method属性：用来写提交方式的，值有两个get post 3.name属性： 用来给表单起名字 4.value属性：更改标签的文字内容	表单控件： <input type=""> 文本框：text 密码框：password 提交按钮：submit 重置按钮：reset 普通按钮：buttom 单选按钮：radio 多选按钮：checkbox 下拉菜单:select + option(标签) 文件上传框:file 多行文本输入框：textarea