定义文档章节
定义非正文内容
小编给大家分享一下html5标记分为多少类,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
我们提供的服务有:成都网站制作、做网站、外贸营销网站建设、微信公众号开发、网站优化、网站认证、白碱滩ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的白碱滩网站制作公司
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、块级元素
标题
有序列表
无序列表
定义列表
段落标签
预格式文本
大段引用
小段引用
划分区块
定义
音频
视频
表格
表单
添加一条直线
装载独立文章
定义文档章节
定义非正文内容