首页 / HTML5 / HTML5之标签（一）

HTML5之标签（一）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5之标签（一），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1044字，纯文字阅读大概需要2分钟。

内容图文

　　HTML标签分为块级元素和行内元素。

行内元素和块级元素区别

　　1、块级元素会独占一行，其宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化

　　2、 块级元素可以设置 width, height属性；行内元素设置width,  height无效

　　3、 块级元素可以设置margin 和 padding；行内元素的margin 和 padding在水平方向有效，竖直方向无效

　　4、行内元素和块级元素转换，通过设置CSS的display值；

　　　　a）转块级元素：display:block；

　　　　b）转行内元素：display:inline；

　　　　c）转为行块元素：display:inline-block；

块级元素

　　div，p，form，ul，ol，li，dl，address，hr，table，section，blockquote，h1~h6，nav，header，footer ...

行级元素

　　a，abbr，b，br，i，img，input，label，select，span，strong，textarea ...

自定义标签

　　通过JavaScript可以自定义标签，可通过css设置样式、可兼容低版本浏览器。 

             1
            <!
            DOCTYPE html
            >
             2
            <
            html
            >
             3
            <
            head
            >
             4
            <
            meta 
            charset
            ="UTF-8"
            >
             5
            <
            title
            >Document</title> 6<!-- 给自定义标签添加样式 --> 7<style> 8            myElement{ 9                color: #ff6900;10}11</style>12</head>13<body>14<!-- 使用自定义标签 -->15<myElement>这是自定义标签</myElement>1617<script>18// 自定义标签19            document.createElement("myElement");
2021</script>22</body>23</html>

 

原文：http://www.cnblogs.com/iyunpeng/p/7543861.html

内容总结

以上是互联网集市为您收集整理的HTML5之标签（一）全部内容，希望文章能够帮你解决HTML5之标签（一）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1087663.html

来源：【匿名】