头歌：HTML——基本标签

hngcxy2022

已于 2025-05-13 09:36:16 修改

阅读量218

点赞数 4

CC 4.0 BY-SA版权

文章标签： html

于 2025-05-13 09:00:07 首次发布

本文链接：https://blog.youkuaiyun.com/hngcxy2022/article/details/147915037

头歌：HTML——基本标签

第1关：创建第一个 HTML 标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1>Hello</h1>
    <!-- ********* Begin ********* -->
    <h1>welcome to Educoder</h1>
        
    <!-- ********* End ********* -->
</body>
</html>

第2关：创建

-

<!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>

第3关：创建 p 标签

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

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

第4关：创建 a 标签

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

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

第5关：创建 img 标签

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

第6关：创建 div 标签

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


    <div>我是div标签</div>
    <!-- ********* End ********* -->
</body>
</html>