Html标签的分类

最新推荐文章于 2022-03-23 08:57:11 发布

疯魔coding君

最新推荐文章于 2022-03-23 08:57:11 发布

阅读量185

点赞数

分类专栏：前端开发学习笔记文章标签： html5

本文链接：https://blog.csdn.net/qq_44214671/article/details/108760539

版权

前端开发学习笔记专栏收录该内容

14 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签的分类</title>
</head>
<body>
    <!-- 
        块标签:
            1.独占一行
            2.可以设置宽度和高度

     -->
    <h1 style="width: 200px; height: 300px;border: 1px solid #000;">我是标题</h1>
    <h1>我是标题2</h1>

    <!-- 
        行内标签
            1. 在一行内显示
            2. 不能够设置宽度和高度,默认由内容撑开宽度和高度
     -->
     <span>我是span</span>
     <span>我是span2</span>

     <!-- 
        行内块级标签
            1. 在一行内显示
            2. 能够设置宽度和高度
      -->
      <img style="width: 500px;" src="img/baby_1.jpg"/>

      <!--  
         有语义标签: 大部分标签都是有语义标签,因为HTML语言就是用来描述标签包裹内容的语义的
         无语义标签: 没有任何语义的标签,一般用作容器使用
            两个容器无语义标签: div span 这两个标签具体作用是为了后面学习 div + css 布局
        注意点: 所有的html标签其实本质都可以作为容器标签使用,但是一般我们不会这么做,如果用作容器标签,都是div+css
        HTML5以后为了针对容器提供语义,那么专门设计了一套结构化语义标签
       --> 
       <div>
           <div>
               <div>
                   <p></p>
               </div>
           </div>
       </div>

       <p><span></span></p>

</body>
</html>

疯魔coding君

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html标签的分类

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>标签的分类</title></head><body> <!--
复制链接

扫一扫

专栏目录