admin管理员组

文章数量:1643266

*开始标签常被称为起始标签(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>

 

 


更多专业前端知识,请上 【猿2048】www.mk2048

本文标签: 适合常用标签基础教程