，后台回复“python资料”,获取python资料大礼包。
大家好，这次欢迎收看思路实验室出品的HTML入门教程，我是室长。
虽然一直以来跟大家分享交流的都是python的内容，但是python毕竟只是个工具，想要做更多有用的东西就不能只守着这一亩三分地。比如爬虫，比如建站，都是python的重点应用，可如果不了解网页相关的知识，基本就可以告别这些应用了。
在这一期室长原理课中室长给大家介绍了组成网页的元素，其中HTML最为基础也最为必要。你看到的网页可以没有CSS，也可以没有JavaScript，但不能没有HTML。那么今天我们就来了解一下HTML的一些基础知识。
HTML全称是Hyper Text Markup Language（超文本标记语言）。这里需要解释一下，超文本是指将文本通过超链接的方式联系起来，而标记语言是指文本中的各种结构都有着相应的标签，浏览器会按照标签对文本进行自动的排版。超链接自然不用多说，而标签系统则是理解一个网页的关键。不管是要制作一个网页，编写出理想中的排版，还是想要用爬虫爬取网页中的指定内容，标签系统都是必须要了解的。
相信大家小时候都听过这样一句无限循环的话：从前有座山，山里有座庙，庙里有个和尚和老道……这句话用来描述标签系统再合适不过了。因为标签系统和这句话一样体现出了一种从属关系：
在网页中，一座山可能是一个段落，我可能需要给他标记一个左对齐，一个庙可能是一句话，我可能需要给他标记一个下划线，一个和尚或一个老道可能是一个重点词，我需要给他加粗。但网页不是word文档，我们需要使用标记来让浏览器知道哪些部分是什么样子的。那么该如何标记呢？
以一句话为例，如果我们想要给这句话标记一个下划线，是不是应该在这句话的开头有一个开始标记，在这句话的结尾有个结束标记，这样才能把划下划线的范围准确地限定到这个句子上？
同样，在这句话中，如果想要给一个词标记一个格式，也应该在这个词前有一个开始标记，之后有一个结束标记。
而这个词连词带标记则都属于句子中的内容，词的结束标记没写完，就不能写句子的结束标记。所以从标记上来看，总是高一级的标记里嵌套着低一级的标记，又是一种套娃。
我们来把上边的图改写成标记语言的形式：
到这里除了标签名和HTML不一样以外其他的地方就和HTML一模一样了。在这里我们了解到了标记的写法，开始标记就是尖括号中填写标记名，而结束标记同样是尖括号中填写标记名，不过标记名前要加一个正斜杠。
既然这么简单，我们不如来亲手写一个HTML网页，不需要任何专门的工具，只需要打开记事本就可以了。我们的目标是给“从前有座山，山里有座庙，庙里有个和尚和老道”这句话添加上格式。在记事本中输入以下内容：
<u>从前有座山，<i>山里有座庙，庙里有个<b>和尚</b>和<b>老道</b>。</i></u>将记事本文件另存为html文件，注意保存类型要选择所有文件。
用浏览器打开编辑好的网页吧：
虽然我们编写的网页并不完整，但浏览器还是可以识别出来的。你能根据网页的文字格式分析出各个标签名对应的意思吗？
这一期我们初步了解了HTML作为标记语言的基本原理，并且亲手编写了一段小小的网页片段。虽然很简单，但一个网页正是靠着这些简单步骤的累积才最终变得丰富又美观。那么接下来我们将深入了解HTML的完整结构和各种标签的用法。如果这篇文章对你有所帮助，希望能帮室长点个赞和在看，你的鼓励是室长进步的动力！
【室长原理课】系列在不正经地科普一些互联网小知识，没有太多高深的内容，把这个系列分享给你的朋友吧！
【室长原理课】为了让你看上网页，你知道浏览器有多努力吗？
发表评论