html 常用标签2
在HTML文档的第一行,使用<IDOCTPYE>声明HTML文档的类型
用来告诉浏览器页面的文档类型,简单来说,用来指定使用的HTML版本规范
目前基本上都使用HTML5: <!DOCTYPE html>
常用标签
1.基本标签
标签 | 含义 | 说明 |
---|---|---|
br | 换行标签 | 非关闭标签 |
p | 段落标签 | 关闭型,块级标签,前后有明显的间隔 |
h1,h2....h6 | 标题标签 | 按照h1到h6逐渐变小,块级标签,加粗显示 |
pre | 预格式化文本标签 | 保留编码时的格式 |
div | 分区标签 | 常作为容器来使用,一般用来页面布局,块级标签 |
span | 范围标签 | 默认没有任何样式,一般用于设置行内的特殊样式 |
ol,li | 有序列表 | 有顺序的项目的列表 |
ul | 无序列表 | 无顺序的项目列表 |
dl,dt,dd | 定义列表 | 对术语,图片等进行描述 |
hr | 水平线标签 | 非关闭型,标签 |
img | 图像标签 | 非关闭型标签,行级标签 |
有序列表
ol: order 有顺序的
li: list item 列表/条,项
默认使用阿拉伯数字,从1开始;可以通过属性进行修改
. type属性; 设置列表前的符号标记, 取值 ; 数字1(默认),字母a或A开始 作用在li标签中
. start属性; 设置起始值 ; 值必须是数字 作用在ol标签中
无序列表
ul : unordered list 无序
li : list item 列表/条,项
默认使用实心圆作为符号标记,可以通过属性进行修改
. type属性,设置列表前的符号标记,取值; disc实心圆(默认) / circle(圆) / square(正方形) / none(不显示符号)
定义列表
dl ; definition list 定义,规定
dt ; definition title 标题
dd ; definition description 描述
水平线标签
hr horizontal 水平的
. 常用属性
. color 颜色
两种写法:
颜色名称: 如red,green,blue,white,black,pink,orange等
16进制的RGB: Red, Green, Blue; 用法:#RR GG BB 每个颜色的范围值 0-255,转换为16进制00-FF
如;#FF0000
. size粗细
两种写法:
像素;绝对值(固定值) 数字
. size 粗细,数字
. width 宽度
像素; 绝对值(固定值)
百分比; 相对值,相对于父容器的宽度的百分比
. aligh 对齐方式
取值; center(默认/中间) ; left 左 right 右
图像标签
img image 图像/图片
常见图片格式: jpg; png, gif, bmp
. 常用属性
. src ; source 来源 a指定图片的来源 (必须的)
如果图片与html页面在同一个文件夹中,可以直接写图片名称
习惯上,会将多个图片放到统一的文件夹中,如images文件夹,此时需要在图片名称的前面添加文件夹的名称.
. alt ; 当图片无法加载的时候显示的信息
. title; 当鼠标停留在显示的提示信息
. width 宽度
. height 高度
默认原尺寸展示
如果只设置其中的一个,则另一个按照同比例缩放 / " 图片不变型"
如果同时设置宽/高,极有可能导致图片变形
两种写法:
像素 ; 绝对值/固定值
百分比 , 绝对值 , 相对于父容器的百分比