【HTML&CSS 课程01 】HTML到底是个啥？

剽悍一小兔

发布于 2019-11-26 13:57:06

7290

发布于 2019-11-26 13:57:06

文章被收录于专栏：web编程技术分享web编程技术分享

站长建议：视频只是作为知识点补充，不要一开始就直接看视频，最好是在阅读之后，带着疑问去看视频。

步骤1：学会用IDE工具创建HTML页面

首先，下载和安装sublime，当然，你喜欢用其他IDE工具也可。

image.png

下载安装完毕，创建一个空的文本文档：1.text

image.png

修改后缀名，变成1.html

image.png

右键1.txt ，用sublime打开，然后在界面输入

image.png

根据提示，回车，就可以得到一个基于HTML5规范的文档了。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

HTML就是一个纯文本文件，浏览器解析的时候，如果你不加上标签，所有文字都一视同仁。

步骤2：练习使用HTML标签

文字素材如下

出场台词
既然你诚心诚意地发问了，那么我就大发慈悲地告诉你。
为了防止世界被破坏，为了守护世界的和平，贯彻爱与真实的邪恶。
可爱又迷人的安排角色，武藏！小次郎！
我们是穿梭在银河的火箭队，
白洞，白色的名天在等着我们！
就是这样啊，喵！

现在，给上面的文字素材配上标签。代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>这是我们的第一个网页</title>
</head>
<body>
    <h1>出场台词</h1>
    <p>既然你诚心诚意地发问了，那么我就大发慈悲地告诉你。</p>
    <p>
    为了防止世界被破坏，为了守护世界的和平，贯彻爱与真实的邪恶。
    </p>
    <p>
    可爱又迷人的安排角色，武藏！小次郎！
    </p>
    <p>
    我们是穿梭在银河的火箭队，
    </p>
    <p>
    白洞，白色的名天在等着我们！
    </p>
    <p>
    就是这样啊，喵！
    </p>
</body>
</html>