HTML 快速入门

        HTML代码是“标签化”的代码，把一个HTML文件视为一个文档，文档中有很多的标签，每一个标签也可以称为一个元素，同时每一个元素也对应一个对象，对象中有属性和方法。HTML的标签除了部分标签外，其他的都是成对出现的。

文件结构

代码框架

•  html标签是整个HTML文件的根标签（最顶层标签）。lang表示当前页面是哪一种语言。图片中的en表示英文，浏览器在打开的时候就会提示是否翻译。"zh-CN"表示当前页面是中文页面。
• 在head标签中写页面的属性。meta标签中的charset属性表示当前的字符编码集是UTF-8。
• title标签中写的是页面的标题。
• body标签中写的是页面中显示的内容，这里写一个你好。

标签之间的结构

        标签之间的结构有父子关系和兄弟关系。如上图中的head标签和body标签是html标签的子标签，而head标签和body标签之间是兄弟关系。标签之间的结构关系，构成了一个DOM树，DOM是文档对象模型的缩写。

常见标签

注释标签

<!-- 我是注释 -->

ctrl + / 快捷键可以快速进行注释/取消注释。注释标签中的内容不会出现在网页中。注释标签的原则是要和代码的逻辑最好一致。

标题标签

<h1>~<h6>。数字越小，则字体越大，越粗。

段落标签

<p>。如果把一段比较长的文本写入html中，就会发现没有分段。这个时候使用p标签。

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <p>A accusamus aliquid consequatur corporis deleniti dolor eveniet ex fugiat itaque officiis possimus, qui, rerum sunt vitae voluptates? Ab maiores rem ullam!</p>