爬虫基础----HTML——基本标签

11.11.1

已于 2024-07-14 20:40:46 修改

阅读量104

点赞数 1

分类专栏： python程序设计文章标签： html css 前端

于 2024-07-04 20:39:50 首次发布

本文链接：https://blog.csdn.net/m0_55885128/article/details/140189262

版权

python程序设计专栏收录该内容

20 篇文章 0 订阅

订阅专栏

第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关 创建 <h2>-<h6> 标签

<!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/ZTZaUEp2Y0ltSElvcnBxelNJTXYyUT09" 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>