Html中的常用标签

最新推荐文章于 2022-03-06 17:10:06 发布

pzh1109

最新推荐文章于 2022-03-06 17:10:06 发布

阅读量158

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/weixin_48619092/article/details/119218123

版权

学习专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!-- 文件头，告诉浏览器编译方式 -->
<!DOCTYPE html>
<!-- 浏览器适配语言为英语 -->
<html lang="en">
<!-- 防止头文件 -->

<head>
    <!-- 编码 -->
    <meta charset="UTF-8">
    <!-- 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 网页的标题，显示在浏览器标题栏的东西 -->
    <title>docment</title>
</head>
<!-- body是放置html代码的地方，通常页面能看到的东西都是在这里写的 ，也可以书写页面结构-->

<body>
    <!-- 快捷书写标签的方式：标签名加tab -->
    <!-- 通常标签是由三部分组成的：<标签名 属性名= "属性值" ></标签名>-->

    <!-- 标签h1-h6 -->
    <!-- h1标签作为一个页面的主要标题 一个页面只有一个h1 -->
    <!-- h2标签可以作为比较重要的标题放置在页面布局的主体中  通常一个页面有两个 -->
    <!-- h3标签作用于次重要的标题 一个页面通常只有三个-->
    <!-- h3-h6在页面中可以作小标题，在页面中的个数不作要求，但有优先级 -->
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
    <!-- 标签img 用来引用图片 -->
    <img src="" alt="">

    <!-- 标签p 用来放置段落文字也可引用图片 -->
    <p>这是我的博客</p>

    <!-- 标签a 作用于超链接，可跳转页面 -->
    <a href=""></a>

    <!-- 标签ol有序列表 -->
    <!-- 在ol中  ul的第一层包裹的子集必须是li -->
    <!-- 在ol中的li的的第一层父集标签必须是ol -->
    <ol>
        <li></li>
        <li></li>
    </ol>

    <!-- ul无序列表 -->
    <!-- 在ul中  ul的第一层包裹的子集必须是li -->
    <!-- 在ul中的li的的第一层父集标签必须是ul -->
    <ul>
        <li></li>
        <li></li>
    </ul>

    <!-- div标签可以理解是用来包裹内容的盒子，用来实现页面的布局的东西 -->
    <!-- 通常的命名规则page：代表整个页面，用于最外层。
        wrap：外套，将所有元素包在一起的一个外围包，用于最外层
        wrapper：页面外围控制整体布局宽度，用于最外层
        container：一个整体容器，用于最外层
        head、header：页头区域，用于头部
        nav：导航条
        content：内容，网站中最重要的内容区域，用于网页中部主体
        main：网站中的主要区域（表示最重要的一块位置），用于中部主体内容
        column：栏目
        sidebar：侧栏
        foot、footer：页尾、页脚。网站一些附加信息放置区域，（或命名为copyright）用于底部 -->
    <div></div>

    <!-- span标签 小元素标签，很多地方都可以用 -->
    <span>11</span>
    <u>22</u>
    <b>33</b>
    <i>44</i>

    <!-- textare文本域标签，在网页中是可以可以拉动大小的 -->
</body>

</html>

！！！！div快捷写法：div.类名

如果在div下有东西就是div.类名>ul或者img或者p等等标签....

暑假学习第一天在html页面的东西，一大堆的常用标签，记记记！！

pzh1109

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Html中的常用标签

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="wid.
复制链接

扫一扫