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

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

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

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

image.png

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

image.png

修改后缀名，变成1.html

image.png

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

image.png

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

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

步骤2： 练习使用HTML标签

文字素材如下

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

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

    
    


    
出场台词
    
既然你诚心诚意地发问了，那么我就大发慈悲地告诉你。
    

    为了防止世界被破坏，为了守护世界的和平，贯彻爱与真实的邪恶。
    
    

    可爱又迷人的安排角色，武藏！小次郎！
    
    

    我们是穿梭在银河的火箭队，
    
    

    白洞，白色的名天在等着我们！
    
    

    就是这样啊，喵！
    

image.png

标签的作用就是告诉浏览器，某一段文字到底是什么语义？ 标签不是用来描述文字样式的，而仅仅用来描述语义！要描述样式，需要CSS。标签都是成对出现的。你要显示的内容要写在body里面哦！