个人网页开发-HTML简单入门

Mr.lun

2022 年 05 月 18 日

293次浏览

暂无评论

965字数

WEB开发

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

具体的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为图片链接，您可以切换成自己喜欢的链接。