您现在的位置是:首页 > Javascript
当前栏目
HTML标签分类
2023-03-20 14:41:14 时间
学习完上边几节html课程之后,你会发现html的标签还挺多的,为了能更好地在网页制作过程中熟练使用他们,我们今天讲讲标签分为几大类以及他们之间的区别。
从标签是否闭合上我们可以分为两大类:双标签和单标签。
- 双标签:有开始标签和结束标签的,如<div></div>,称为双标签。具体标签有:div标签,header头部信息,footer底部信息,nav导航标签,p段落标签,pre保留空格换行标签,h1-h6标题标签,audio视频标签,aside文章标签,b/strong加粗标签,i斜体标签,sub下标,sup上标,span标签,a链接。
- 单标签:有开始标签没有结束标签的,如<input />,称为单标签。img图片标签,input输入文本,br换行标签,hr水平线、link链接标签,meta标签
标签应用方面分为三类:行级标签、块级标签、行内块标签。
- 行级标签:宽高根据内容自动撑开,不可以设置宽高。多个标签可以显示在一行。a链接标签,b/strong加粗标签,small小字体标签,i斜体标签,label,span,sub,sup,textarea,big,em。
- 块级标签:宽度默认是100%,高度默认自动撑开,可以设置宽高。一行只能展示一个标签。div标签,h1-h6标题标签,from表单,header头部内容,footer页脚,table表格,ol有序列表,ul无序列表,dl自定义列表,li列表元素标签,iframe内联框架,nav导航,section文档标签。
- 行内块标签:结合的行内和块级的优点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;img图片标签,input输入框标签。
HTML代码注释:<!-- -->
- 单行注释:<!-- 注释内容 -->
- 多行注释:
<!--
注释内容1
注释内容2
-->
HTML代码注释是特别常用的,几大好处:
- 添加代码注释,增加代码的可读性。
- 隐藏掉暂时不需要显示的内容。
相关文章
- TiDB Binlog 组件正式开源
- 使用Visual Studio Code对Node.js进行断点调试
- 推荐!数据可视化的十种优秀JavaScript图表库
- Node.js在复杂集成场景下占据统治地位的五个理由
- 玩转Node.js单元测试
- Node.js中内存泄漏分析
- Angular对React:一场关于Web开发者支持率的史诗对决
- 热点推荐:什么是后端开发?
- 谈谈Spring boot 启动层面的开发
- 使用NodeJS将文件或图像上传到服务器
- 编写React组件的最佳实践
- JavaScript MV*框架最值得关注的七个亮点
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件