html5标记分为3类:1、块级元素,其特点为能够设置宽高、可以自动换行、margin和padding的上下左右均对其有效;2、行内元素,其特点为无法设置宽高、不会自动换行;3、行内块元素,其特点为能够设置宽高、不会自动换行。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
HTML5中的标记分为块级元素、行内元素、行内块元素。
行内元素:
无法设置宽高。
margin上下无效,只有左右有效果;padding都有效果,会撑大空间。
box-sizing:border-box;
无效,因为该属性针对盒模型。
不会自动换行
块级元素:
能够设置宽高
margin和padding的上下左右均对其有效
可以自动换行
多个块状元素标签写在一起,默认排列方式为从上至下
可以使用margin:0 auto
居中对齐
行内块元素:
不会自动换行
能够设置宽高
默认排列方式为从左到右
可以使用text-align:center
使内容相对于父盒子水平居中对齐,例如img标签,可以使用text-align:center
相对父盒子居中对齐
margin:0 auto
无效
水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格。
但标签的类型是可以转换的
display:inline
: 转换为行内元素
display:linline-block
转换为行内块元素
display:block
转换为块级元素
掌握元素类别。现将学过的标签分类如下:
1、块级元素
标题
有序列表
无序列表
定义列表
段落标签
预格式文本
大段引用
小段引用
划分区块
定义
音频
视频
表格
表单
添加一条直线
装载独立文章
定义文档章节
定义非正文内容
页眉
页脚
导航链接部分
为文档或 section 定义联系信息
制作更小字号的文本
下标文本
上标文本
2、行内元素
标签类型代码书写
倾斜;
加粗;
缩写
跨越多个字符
获取用户输入
创建下拉列表
创建多行文本框
定义控件标注
3、行内块元素
标签类型代码书写
图片
内联框架
推荐教程:《html视频教程》
以上是html5标记分为哪几类的详细内容。更多信息请关注PHP中文网其他相关文章!