1分钟教会你建立一个自己的网站——本地文件版本
本帖最后由 wdylyh 于 2024-8-19 09:24 编辑申明：本文部分教程来自aYYSW8AepLLd，在此感谢！
前言：
本文内容讲述的是编写html代码然后运行，要想把html代码变成网址，下一个帖子会讲解。
准备工作：
新建一个文本文档：
然后重命名：
如果你的文件像这样没有后缀名：
那就这样：
编写代码：
这样打开：
然后另存为：
随后就开始写代码啦！
先写固定的代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>随便写个什么</title>
<style>
.container {
max-width: 720px;
margin: 3rem auto;
background-color: #f0f0f0;
padding: 1.5rem;
border-radius: 5px;
}
ol {
padding-left: 20px;
}
ol li {
list-style-type: square;
}
ol ol li {
list-style-type: square;
}
ol ol ol li {
list-style-type: disc;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">效果：
然后添加标题和副标题：
<h1>你的网站名字</h1>
<hr>
<h3>极短的介绍（20字以内）</h3>效果：
太单调了？加个链接！
<a href="一个网址"target="_blank">随便一个字效果：
好了，这就是基本的用法。
每个代码的作用：
1. <a href="XXX"target="blank">XXX</a>
第一个XXX填网址，第二个填显示出来的文字。
2. <p>XXX</p>
显示文字XXX。并换行。
3. <h1>XXX</h1>
显示标题XXX。大小最大 。
4. <h2>XXX</h2>
显示标题XXX。大小居中。
5. <h3>XXX</h3>
显示标题XXX。大小最小。
6. 1~5的任意一个代码。<hr>
加上横线：
8. 1~5的任意一个代码。
<br>
空出距离：
9. <il>1~5的任意一个代码。</il>
在文字前面显示小圆点：
好了。以上就是帖子的所有内容。
凉皮Mind+研究院 在这里给看过这篇贴的一个忠告：
真想要学习html不能止抄代码，跑步跑的起来不一定。
记事本是最拉的工具，错了不会给你提示。
想学就要准备充足，html比这种mind＋等难度大，
但又是小白也能实现理想的效果的代码 凉皮周 发表于 2024-8-19 09:51
在这里给看过这篇贴的一个忠告：
真想要学习html不能止抄代码，跑步跑的起来不一定。
记事本是最拉的工具， ...
放心，我不是抄的，而是看了教程的。再说了，用记事本的话，如果有错那么网页就不正常，看得出来。 凉皮周 发表于 2024-8-19 09:51
在这里给看过这篇贴的一个忠告：
真想要学习html不能止抄代码，跑步跑的起来不一定。
记事本是最拉的工具， ...
其实用markdown好点，就像写文章。功能多样性也不少。（比html少）所以markdown适合用。 wdylyh 发表于 2024-8-19 09:54
放心，我不是抄的，而是看了教程的。再说了，用记事本的话，如果有错那么网页就不正常，看得出来。 ...
毕竟微软的一套东西我都用不了。好的html软件也找不到
页:
[1]