适合0基础的web开发系列教程-H系列/div/p标签

最新推荐文章于 2022-07-22 20:54:18 发布

weixin_34362790

最新推荐文章于 2022-07-22 20:54:18 发布

阅读量130

点赞数

原文链接：http://www.cnblogs.com/yyjcw/p/9871170.html

版权

*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。

开始标签和结束标签之间的部分叫内容。

HTML 文档就是由嵌套的 HTML 元素构成。

标签统一采用小写字母。

h系列标签

h1/h2/h3/h4/h5/h6

从和到h6 字体越来越小，越来越细。

例1：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        
        <h1>夜鹰教程网-程序员的加油站 h1</h1>
        <h2>夜鹰教程网-程序员的加油站 h2</h2>
        <h3>夜鹰教程网-程序员的加油站 h3</h3>
        <h4>夜鹰教程网-程序员的加油站 h4</h4>
        <h5>夜鹰教程网-程序员的加油站 h5</h5>
        <h6>夜鹰教程网-程序员的加油站 h6</h6>
        
    </body>
</html>

div标签

div就是一个容器，什么元素都能装，也可以直接装内容。

被div包裹起来的部分通常就是一个模块。

例2：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div>
            <h1>夜鹰教程网-程序员的加油站 h1</h1>
            <h2>夜鹰教程网-程序员的加油站 h2</h2>
            <h3>夜鹰教程网-程序员的加油站 h3</h3>
            <h4>夜鹰教程网-程序员的加油站 h4</h4>
            <h5>夜鹰教程网-程序员的加油站 h5</h5>
            <h6>夜鹰教程网-程序员的加油站 h6</h6>
        </div>
    </body>
</html>

段落标签p

例3：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div>
            <h3>无题·飒飒东风细雨来</h3>
            <p>相见时难别亦难，东风无力百花残。</p>
            <p>春蚕到死丝方尽，蜡炬成灰泪始干。</p>
            <p>晓镜但愁云鬓改，夜吟应觉月光寒。</p>
            <p>蓬山此去无多路，青鸟殷勤为探看。</p>
        </div>
        <div>
            <p>
                唐诗宋词，像一座艺术高峰一样矗立在我们心中，每当想到古代文学，
                相信不少人脑海中想到的一定是它们，    它们给我们以慰藉，给我们以
                启迪，给我们积极向上的力量，在现代，我们依旧能做到人人爱诗词、
                人人品诗词，诗词，以它独有的魅力吸引着每一位文化爱好者！
            </p>
        </div>
        
    </body>
</html>