喵做梦技术讨论群

QQ群号：566341887 （2024/5刚建的群，可能没什么人一开始，相信会越来越好哒。大家一起互帮互助，共同进步，交流分享，奔赴未来！）

保姆级教程，包教会的好吧，只要你有梦想有目标，肯努力，一起进步，绝对成功！

一.创建文本

首先，我们需要创建一个文档.txt，就像下面一样。

鼠标右键，然后在“新建”中，选择“文本文档”。

于是我们就可以得到一个文档。

非常的简单吧。

二.初始框架

我们先展示一下，再详细展开讲解。

一般来说对于，总有一个对应的在下方，两个合起来相当于一个“{ }”般的存在。

这个html里面的部分，额，不是很专业的说，就像是“头部”；而这个就像是这个程序的主体，具体的会慢慢展开。一般来说都是从这个中，在网页中展现出来给大家看。

三.网页名称

对于一个网页来说都有一个一个相应的名称，那么我们的这个怎么命名呢？请看代码。

琉璃

我们在中添加一个即可，中间不需要什么""啊，“”啊之类的。输入的就是网站名称。</p> <p>四.网页模式</p> <p>写道这里，肯定有些人想要看看这样写出来的网页长什么样子，这个简单。</p> <p>我们可以看到对于这个文档来说，它有个文件拓展名，也就是文件的后缀，现在的后缀是".txt"，我们接下来要做的就是把".txt"改成".html"，双击打开即可。</p> <p>改这个后缀呢，我们讲2种方法。</p> <p>1.重命名</p> <p>这个，大家都会吧，左键重命名。</p> <p>选择“是”。</p> <p>这样就得到了这么个文件，双击打开即可。（我这里用到是360浏览器，所以图标是这样的）</p> <p>2.属性改名</p> <p>这个跟重命名差不多，同样通过左键打开文件的属性。</p> <p>把"小试.txt"改成"小试.html"，点击"确定"。</p> <p>选择"是"之后，也就可以相应的得到这个文件了。</p> <p>双击打开即可。</p> <p>3.展示效果</p> <p>有些同志就是可能，哎呀，算了，我就放一下当前效果。</p> <p>可以看到，我这里的网址 不是什么"http://"，这个是绝对路径，别人在网上输入你的这个绝对路径是找不到你写的这个网站滴。</p> <p>继续写代码的话，把后缀改回来就行。</p> <p>4.手机上操作</p> <p>在手机的文件资源管理里面，也可以创建一个.txt文本，然后写代码，改成.html，打开后照样可以运行。</p> <p>这个我之前亲手试过，包可以的好吧。</p> <p>也可以电脑上写好发到手机上运行，一样的。</p> <p>（但是手机上代码，相当麻烦……）</p> <p>五.展示文字</p> <p>有了框架，总要有内容吧，这里先说如何显示文字。</p> <p>要写在<body>中。</p> <p>1.普通输出</p> <p><p>内容</p></p> <p>内容，就是内容。中文英文，啥啥字符都可以。</p> <p>这个输出就像在文本中输出一样，从最左上角输出。</p> <p>2.大小输出</p> <p>不同的字体大小输出，就要用另外的代码啦。</p> <p><h1>内容</h1></p> <p>注意：h后面的数字是可以改动的，在1~6之中选择，数字越大，字体反而越小。</p> <p>接下来，根据我的代码看一下效果。</p> <p><html></p> <p><head></p> <p><title>琉璃

h1大小

h2大小

h3大小

h4大小

h5大小

h6大小

效果便是如此，最好还是自己试一下的好，这样感觉更直接。

3.字体加粗

加粗

4.斜体

斜体

5.自带下划线

下划线

6.滚动字体

滚动

这个滚动也是比较常见的，就像那种什么重大消息，网页顶部滚动循环播放。

7.综合效果

琉璃

h1大小

h2大小

h3大小

h4大小

h5大小

h6大小

滚动

加粗

斜体

下划线

六.下篇预告

这篇，内容不是很多，重点放下一篇，有个比较高级的东西要理解和学习。

虽然内容不多，但是还是比较详细的，我们下篇再见！

有什么问题尽管提喵。