有问题请在下方评论留言,看到我会一一回复。

具体的HTML知识可以自行百度,在这里只给大家快速入门,短时间内搭建一个你的第一个个人网站。

先看代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>

新建一个文件,名为dome,文件类型html,将上述代码写入,保存,在浏览器打开。
dome.html

对比上述代码和运行结果,不难发现,<title>网页标题</title> 里面的文字就是网页名称。<body>网页内容</body>网页内容就是你的网页中的内容。

小小进阶-背景

我们虽然写出来了最基本的网页,但是只有文字,显得过于单调。我们可以为网页添加一个背景。
就像这个样子:
进阶-背景0
我们来看代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网页标题</title>
<style type="text/css">
body {
    background: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://cn.bing.com/th?id=OHR.SchlossGluecksburg_ZH-CN4079837227_UHD.jpg);
}
</style>
</head>
<body>
网页内容
</body>
</html>

此处使用CSS,具体知识自行百度,代码background-image: url(https://cn.bing.com/th?id=OHR.SchlossGluecksburg_ZH-CN4079837227_UHD.jpg);中有一个链接 https://cn.bing.com/th?id=OHR.SchlossGluecksburg_ZH-CN4079837227_UHD.jpg为图片链接,您可以切换成自己喜欢的链接。

最后修改:2022 年 05 月 18 日 09 : 36 PM