这篇文章主要讲解了“html5元素分为哪些类别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5元素分为哪些类别”吧! html5元素可以分为两个类别:1、“块级元素”;该种元素会独占一行,总是在新行上开始,元素的宽度、高度以及外边距和内边距等都可以控制。2、“内联元素”;该种元素和其他元素会在同一行上显示,元素的宽度、高度以及外边距和内边距都不可以改变。本教程操作环境:windows7系统、HTML5版、Dell G3电脑。HTML 标签(元素)可以分为两个类别,分别是块级元素和内联元素(也叫行内元素)。块级元素块级元素最主要的特点是它们自己独占一行,块级元素中最具代表性的就是、
块级元素一般都具有特定的语义,可以使代码的可读性更强。块级元素的主要特征如下所示:不管是否使用换行标签
,块级元素总是在新行上开始;块级元素的宽度、高度以及外边距和内边距等都可以控制;如果省略块级元素的宽度,那么它的宽度默认为当前浏览器窗口的宽度;块级元素中可以包含其它的内联元素和块级元素。内联元素内联元素也可以称为行内元素,行内元素中最常用的是,此外还有、、、、、、、、、
、、、和等。
内联元素往往带有某种特殊的显示效果,可以代替部分 CSS 样式,非常实用,例如:和标签可以修饰字体;和两个标签分别用来定义下标文本和上标文本。行内元素的主要特征如下所示:行内元素和其他元素会在同一行上显示;行内元素的宽、高以及外边距和内边距都不可以改变;行内元素的宽度就是其中内容的宽度,且不可以改变;内联元素中只能容纳文本或者其他内联元素。对于行内元素的使用,需要注意如下几点:设置宽度 width 无效;设置高度 height 无效,但可以通过 line-height 来设置行高;可以设置 margin 外边距,但只对左右外边距有效,上下无效;设置 padding 内边距时,只有左右 padding 有效,上下则无效,需要注意的是元素范围是增大了,但是对元素周围的内容是没影响的;可以通过 display 属性将元素在行内元素和块级元素之间进行切换。扩展知识:重点说明两个标签1)
html><div>标签演示 大前端教程
- HTML视频教程
- CSS视频教程
- javascript视频教程
- vuejs视频教程
2) 标签
HTML 中的标签是一个内联元素,可以对 HTML 文档中的内容进行修饰,此标签不会为文档内容提供任何视觉效果,但可以与 CSS 结合使用来美化网页。
下面通过一个示例来演示标签的使用:
html>Document 我的购物车
结果展示:
标签本身并没有什么特殊效果,通常需要借助 CSS 来改变内容的样式,比如字体、颜色、大小、边框、背景等。
说明:那些不被推荐的 HTML 内联标签,比如 、、 等,建议使用 + CSS 样式来代替;但是那么具有明确语义的内联标签,比如 、、、、、
等,还是应该坚持使用,这些标签比 更加具有语义,更有助于搜索引擎理解页面内容。
感谢各位的阅读,以上就是“html5元素分为哪些类别”的内容了,经过本文的学习后,相信大家对html5元素分为哪些类别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
- HTML5 元素分类
- icmp的常见类别
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
猜你喜欢
- sass和bootstrap有什么区别
- HTML5怎样实现图片无限加载瀑布流效果
- Shell逐行处理文本求和的示例分析
- 这么在Spring Cloud中使用Sleuth
- JavaScript运算符的示例分析
- Java中原型模式的示例分析
- JavaScript中回调、Promise和Async/Await的示例分析
- 2021最新TIOBE编程语言排行榜
- Spring中如何进行日常Bug排查
- Javascript中运算符的示例分析
最新资讯
- PHP路由分发的搭建步骤和实现原理是什么
- PHP如何实现自动删除无用图片的程序
- php如何实现数字自动补零
- PHP中怎么处理多对多关联删除问题
- 如何使用PHP实现上传APK文件
- 在PHP中怎么将网页内容转换成PDF文件
- Vue之Pinia状态管理的方法是什么
- 怎么自定义View视图的属性及引用
- 怎么使用Java校验SQL语句的合法性
- Springboot怎么通过配置WebMvcConfig处理Cors非同源访问跨域问题
相关推荐
- 华为设备板卡类别
- HTML元素一般被分为哪两类
- css中属性分为哪些类别
- Hibernate日志类别有哪些
- html5标记分为多少类
- 怎么使用HTML5视频元素
- 如何使用HTML5音频元素
- 怎么使用HTML5图片元素
- html5中的列表分为哪些类型
- html5标记分为哪几类
相关标签
主题地图
- erp是什么意思
- 批处理命令
- asp是什么
- 大连做网站
- 想做一个网站
- dns域名解析
- 路由器dhcp怎么设置
- 常用正则表达式
- linux开放端口
- mysql重启
- vue动画
- ip地址更换软件
- nginx转发
- ip查询命令
- 怎么查看打印机ip地址
- 路由器如何设置dhcp
- python输出
- ca数字证书是什么东西
- js判断字符串是否为空
- ajax实例
- html网页模板
- 虚拟化技术
- 大数据解决
- dns服务
- 云电脑怎么用
- nginx教程
- ip地址转换
- deepin安装
2) 标签HTML 中的标签是一个内联元素,可以对 HTML 文档中的内容进行修饰,此标签不会为文档内容提供任何视觉效果,但可以与 CSS 结合使用来美化网页。下面通过一个示例来演示标签的使用:结果展示: 标签本身并没有什么特殊效果,通常需要借助 CSS 来改变内容的样式,比如字体、颜色、大小、边框、背景等。说明:那些不被推荐的 HTML 内联标签,比如 、、 等,建议使用 + CSS 样式来代替;但是那么具有明确语义的内联标签,比如 、、、、、
感谢各位的阅读,以上就是“html5元素分为哪些类别”的内容了,经过本文的学习后,相信大家对html5元素分为哪些类别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。百云主机公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州百云主机计算有限公司粤ICP备17096448号-1 等,还是应该坚持使用,这些标签比 更加具有语义,更有助于搜索引擎理解页面内容。
粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529
这篇文章主要介绍“怎么用CGI脚本输出CGI的环境变量”,在日常操作中,相信很多人在怎么用CGI脚本输出CGI的环境变量问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用CGI脚本输出CGI的环境变量”的疑惑有所帮助!接下来,…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。