制作一个简单的HTML个人网页——学爬虫先学要爬取什么

时间:2024-02-25 07:34:38

HTML(HyperText Markup Language)是构建网页的基础语言。它允许我们创建结构化的文本,包括标题、段落、列表、链接等。通过HTML,我们可以构建出静态的网页内容。在这篇文章中,我们将学习如何制作一个简单的HTML个人网页。

一、基础知识点

1、HTML结构
一个基本的HTML文档由
<!DOCTYPE html>,<html>,<head>和<body>等标签组成。

<!DOCTYPE html>:声明文档类型和HTML版本。
<html>:HTML文档的根元素。
<head>:包含元数据,如文档的标题(<title>)和链接到外部资源(如CSS样式表)。
<body>:包含网页的可见内容,如文本、图像、视频等。

2、标题和段落:
使用<h1>到<h6>标签来创建标题,其中<h1>是最大的标题,<h6>是最小的标题。<p>标签用于创建段落。

3、链接:
使用<a>标签创建链接。href属性定义了链接的目标地址。

4、图像:
使用<img>标签插入图像。src属性定义了图像的来源,alt属性提供了图像不可见时的替代文本。

二、做一个完整的网页试试

1、创建基础结构

首先,我们创建一个基础的HTML结构。

<!DOCTYPE html>  
<html>  
<head>  
    <title>我的个人网页</title>  
</head>  
<body>  
    <!-- 页面内容将在这里添加 -->  
</body>  
</html>

2、添加标题和段落

在<body>标签内,我们添加一个标题和一个段落。

<body>  
    <h1>欢迎来到我的个人网页</h1>  
    <p>这是一个简单的个人网页示例。</p>  
</body>

3、添加链接

在段落下方,我们添加一个指向外部网站的链接。

<body>  
    <h1>欢迎来到我的个人网页</h1>  
    <p>这是一个简单的个人网页示例。你可以点击<a href="https://www.example.com">这里</a>访问我的其他作品。</p>  
</body>

4、添加图片

最后,我们在页面下方添加一个图片。

<body>  
    <h1>欢迎来到我的个人网页</h1>  
    <p>这是一个简单的个人网页示例。你可以点击<a href="https://www.example.com">这里</a>访问我的其他作品。</p>  
    <img src="path_to_your_image.jpg" alt="我的照片">  
</body>

path_to_your_image.jpg,就是的图片文件的路径。

三、完整代码示例

<!DOCTYPE html>  
<html>  
<head>  
    <title>我的个人网页</title>  
</head>  
<body>  
    <h1>欢迎来到我的个人网页</h1>  
    <p>这是一个简单的个人网页示例。你可以点击<a href="https://www.example.com">这里</a>访问我的其他作品。</p>  
    <img src="path_to_your_image.jpg" alt="我的照片">  
</body>  
</html>

三、总结

通过上面的步骤,我们成功创建了一个简单的HTML个人网页。这只是一个基础示例,HTML还有很多其他功能和标签可以用来丰富网页的内容和样式。如果你对HTML感兴趣,可以继续深入学习,掌握更多的知识和技能。