html5标记分为哪几类

html5标记分为3类:1、块级元素,其特点为能够设置宽高、可以自动换行、margin和padding的上下左右均对其有效;2、行内元素,其特点为无法设置宽高、不会自动换行;3、行内块元素,其特点为能够设置宽高、不会自动换行。

html5标记分为哪几类

本教程操作环境: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、块级元素

标题

有序列表

无序列表

定义列表

段落标签

预格式文本

  1.  

登录后复制

大段引用

小段引用

划分区块

定义

音频

视频

表格

表单

添加一条直线 

装载独立文章

定义文档章节

定义非正文内容

页眉

页脚

导航链接部分

为文档或 section 定义联系信息

制作更小字号的文本

下标文本

上标文本

2、行内元素

标签类型代码书写

超链接

倾斜;

加粗;

缩写

跨越多个字符

获取用户输入

创建下拉列表

创建多行文本框

定义控件标注 

3、行内块元素

标签类型代码书写

图片html5标记分为哪几类

内联框架

推荐教程:《html视频教程》

以上就是html5标记分为哪几类的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    html5属性值两边用什么符号

    2025-3-11 22:05:43

    编程技术

    html5新增加的结构标签有哪些

    2025-3-11 22:05:50

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索