HTML的基本标签

三，常用标签

1.基本标签

标签	含义	说明
br	换行标签	非关闭性标签
p	段落标签	关闭性标签，块状标签，前后的段落之间有明显的距离
h1.h2…h6	标题标签	按照h1到h6逐渐表小，块级标签，并且文本会加粗显示
pre	预格式化标签	保留编码时的格式
div	分区标签	常用作容器来使用，一般用于页面布局划分，块级标签
span	范围标签	默认情况没有任何效果，一般用来设置行类的格式
ol、li	有序列表	有顺序的项目列表
ul、li	无序列表	无顺序的项目列表
dl、dt、dd	定义列表	对术语、图片进行描述和定义的列表
hr	水平线标签	非关闭性标签，块级标签

1.1有序列表

ol：ordered list

li：list item

默认情况下，使用阿拉伯数字，从1开始标记，可以通过属性进行修改

• type属性：是设置列表片前的符号标记，取值，数字1（默认）；字母a或A，罗马数字i或I
• start属性：是设置起始值，值必须是一个数字

1.2无序列表

ul：unordered list

li：list item

默认使用时为 实心圆作为服务好标记，可以通过属性进行修改

• type属性：是设置列表片前的符号标记，取值，disc实心圆（默认）、circle空心圆、square正方形、none不显示符号

1.3定义列表

dl：definition list

dt：definition title

dd：definition description

1.4水平线标签

hr：horizontal

常用的属性：

• color颜色

两种写法：

• • 第一种
• • • 颜色名称：如 red、green、blue、white、pink、orange等
    • 16进制的RGB：Red Green Blue 用法：#RRBGGBB 每种颜色的取值范围0-255，转换为16进制00-FF
    • eg：如何去写？： #FF0000 红色、#00FF00 绿色、#0000FF 蓝色、#000000 黑色、#FFFFFF 白色、#CCCCCC 灰色、#FF7300 橙色
• • 第二种
• • • size：粗细、数值
    • width：宽度

有两种写法：

​ 像素：绝对值（固定值）

​ 百分比：相对值，相对于该标签所在的父容器的宽度的百分比

• 2其他标签

  标签	含义	说明
  i	斜体	italic
  em	强调的内容	在浏览器中显示一般为斜体
  address	地址	在浏览器中显示一般为斜体，块级标签
  b	加粗	bold
  strong	强调的内容	在浏览器中显示时一般为加粗
  del	删除线	delete
  ins	下划线
  sub	下标
  sup	上标
  bdo	设置文本的方向	通过属性 dir=“ltr”（left to right）“rtl”（right to left）从右到左
  abbr	设置文字缩写	通过title属性设置当前鼠标停留在文字上时显示的提示信息
  small	相对于当前其他文字的字号减小一号
  big	相对于当前其他文字的字号增大一号

为了更好的语义化

3.头部标签

• meta定义网页的摘要信息，如字符条码，关键字，描述，作者等信息

• title定义网页的标题

• style定义网页内部的css样式

• link引用外部的css样式

• script定义或引用脚本

• base定义基础路径

                    |
  

  | big | 相对于当前其他文字的字号增大一号 | |

为了更好的语义化

3.头部标签

• meta定义网页的摘要信息，如字符条码，关键字，描述，作者等信息

• title定义网页的标题

• style定义网页内部的css样式

• link引用外部的css样式

• script定义或引用脚本

• base定义基础路径

  默认以当前页面文件的所在位置为相对路径的参照