您的位置：首页 > 运维架构 > 网站架构

如何做一个网站·文字篇

2020-07-16 06:02 597 查看

关于域名

当然，你想花钱买可以，但最好用githubgithubgithub搭，免费的，而且还方便。唯一的缺点就是速度慢，但我相信正在浏览这篇博文的你也不会做出多复杂的网站……毕竟这只是个入门教程。当然，只要入了门，就不再需要通过阅读文章学习了。因为，只要右击，点“检查”，然后出现的，便是可供你学习的网页源代码了。

关于网页源代码

网页源代码其实要好几种语言。分别是htmlhtmlhtml，CSSCSSCSS，还有JavascriptJavascriptJavascript。其中，htmlhtmlhtml是最基础的语言，决定网页的基本结构，CSSCSSCSS是装饰语言，决定网页的外观，而最难的就是JavascriptJavascriptJavascript了。而它决定的，反而是网页中最炫酷的东西——智能操控！

代码学习

首先，我们先聊聊htmlhtmlhtml。因为它最基本，所以，如果不会它，那么别的学得再好也没用。
首先，要用

<html>

和

</html>

包住整个网页源代码。
当然，

<>

里的

就相当于这个部分的结束。
然后，要分清网站的headheadhead和bodybodybody

关于head

同样，headheadhead部分也是用

<head>

和

</head>

包住的。
headheadhead部分主要就是titletitletitle和一些CSSCSSCSS代码。

关于title

titletitletitle，就是浏览器最顶端的那一栏所显示的，顾名思义，就是网页的标题。
具体就是用

<title>

和

</title>

包住的，中间的就是网页标题。

关于CSS

比较高深，目前学习不到。

关于body

bodybodybody部分，就是最主要的部分了——网页界面！
这里可以文字，链接，图片，表格等等等等！
今天，我们主要学习文字插入。
p.s. 所有的

<>

和

</>

均被省去，请自行加上，而在两者中间就是你要写的字，这里用

xxx

替代。

代码	作用
tt	xxx
h1	xxx
h2	xxx
h3	xxx
h4	xxx
h5	xxx
h6	xxx
b	xxx
i	xxx
em	xxx
center	xxx（这个主要是居中作用，但这里的表格默认居中，所以看起来没啥用，但实际上很有用的）
s	xxx
a（记得要加 href="网址，代表链接，放在 <a 这边> ）	觉得写得好就注册个账号吧（画风突变

然后，还要说一下，在html里，换行是

<br>

，分割线是

<hr>

。

成功的案例：

<html>
<head>
<title>hello~</title>
</head>
<body>
<h1>啦啦啦，啦啦啦……</h1>
<p>OI各界人士的表现:</p>
<tt>神犇：“网络流？切掉！模拟退火？A了！不在话下！”</tt><br>
<tt>大犇：“今天这个斜率优化总算搞定了，明天写Treap。”</tt><br>
<tt>中犇：“线段树Get！终于可以做线段树题了，哈哈。”</tt><br>
<tt>小犇：“DP终于会写了，呼呼，啊什么，还有树形状压数位……”</tt><br>
<tt>蒟蒻：“啊啊啊啊啊这个a+b怎么这么坑！调了这么久！”</tt><br>
<em>我：“TMD这个该死的c++怎么还没装好。”</em>
<s><a href="https://vijos.org/d/MYOJ/contest/5ef4588df41362598143982c">突如其来的广告</a></s>
</body>
</html>

好啦，今天就先聊那么多，更多内容，我们下期不见不散~

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航