十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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视频教程》