educoder HTML—基本标签_educoder基本标签答案-CSDN博客

本文链接：https://blog.csdn.net/AI_SumSky/article/details/108924246

标签的分类

1.标题标签：h1标签,后面的数字可以调节标题大小，数字越大越小

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1>创建不同字体大小的标题</h1>
    <!-- ********* Begin ********* -->
    <h2>创建不同字体大小的标题</h2>
    <h3>创建不同字体大小的标题</h3>
    <h4>创建不同字体大小的标题</h4>
    <h5>创建不同字体大小的标题</h5>
    <h6>创建不同字体大小的标题</h6>
    <!-- ********* End ********* -->
</body>
</html>

2.段落标签：P标签，显示文章段落内容，也有换行分段的作用

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <p>我是一个段落 </p>

    <!-- ********* End ********* -->
</body>
</html>

3.链接标签：a标签，存入跳转地址链接， href=“网址”>Educoder平台

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <a href="https://www.educoder.net">Educoder平台</a>

    <!-- ********* End ********* -->
</body>
</html>

4.图片表示标签：img标签，用来表示图片，src是图片地址,alt是图片没显示出来时的文字

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"/>

    <!-- ********* End ********* -->

</body>
</html>

5.分割标签：div标签，把内容分割成不同部分，没有什么实际意义

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h2>我是h2标签</h2>
    <p>我是p标签</p>
    <!-- ********* Begin ********* -->
    <div>我是div标签</div>


    <!-- ********* End ********* -->
</body>
</html>

6.注释： <!--注释内容--

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h2>习贺信</h2>
    <!-- ********* Begin ********* -->


    <!--<div>
       信。
    </div>-->

    <!--一带一路-->
    <p>
        发扬光大。
    </p>
    <!-- ********* End ********* -->
</body>
</html>