一、HTML

HTML（HyperText Markup Language，超文本标记语言）是一种用来告知浏览器如何组织页面的标记语言。

一个HTML元素包括：

开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。开头标签标志着元素开始或开始生效的地方。在这个示例中，它在段落文本的开始之前。内容（Content）：元素的内容，本例中就是段落的文本。结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这标志着该元素的结束。没有包含关闭标签是一个常见的初学者错误，它可能会产生奇特的结果。

块级元素和内联元素：

块级元素在页面中以块的形式展现。一个块级元素出现在它前面的内容之后的新行上。任何跟在块级元素后面的内容也会出现在新的行上。块级元素通常是页面上的结构元素。例如，一个块级元素可能代表标题、段落、列表、导航菜单或页脚。一个块级元素不会嵌套在一个内联元素里面，但它可能嵌套在另一个块级元素里面。内联元素通常出现在块级元素中并环绕文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行。它通常与文本一起使用，例如， 元素创建一个超链接， 和  等元素创建强调。

1、html头部 

我的测试页面

这是我的页面

HTML 头部包含 HTML  元素的内容，与  元素内容不同，页面在浏览器加载后它的内容不会在浏览器中显示，它的作用是保存页面的一些元数据。

2、html文本处理基础

标题和段落：

在 HTML 中，每个段落是通过 

 元素标签进行定义的，比如下面这样：

我是一个段落，千真万确。

每个标题（Heading）都必须被包裹在一个标题元素中：

我是文章的标题

 一共有六种标题元素标签——h1、h2、h3、h4、h5 和 h6。每个元素代表文档中不同级别的内容：

 表示主标题，

 表示二级子标题，

 表示三级子标题，依此类推。

列表：

无序列表用于标记列表项目顺序无关紧要的列表，每份无序的清单从 

     元素开始，然后就是用 
  •  元素把每个列出的项目单独包裹起来：

    • 豆浆

    • 油条

    • 豆汁

    • 焦圈

     有序列表需要按照项目的顺序列出来，这个标记的结构和无序列表一样，除了需要用 

       元素将所有项目包裹，而不是 
        ：

        1. 沿这条路走到头

        2. 右转

        3. 直行穿过第一个十字路口

        4. 在第三个十字路口处左转

        5. 继续走 300 米，学校就在你的右手边

        3、超链接

        通过将文本或其他内容包裹在  元素内，并给它一个包含网址的 href 属性（也称为超文本引用或目标，它将包含一个网址）来创建一个基本链接。

        我创建了一个指向

        Mozilla 主页的链接。

        电子邮件链接：

        当点击一个链接或按钮时，可能会开启新的邮件的发送而不是连接到一个资源或页面。这种场景可以使用  元素和 mailto: URL 协议实现。其最基本和最常用的使用形式为一个指明收件人电子邮件地址的 mailto: 链接。例如：

        向 nowhere 发邮件

         4、引用

        块引用：

        如果一个块级内容（一个段落、多个段落、一个列表等）从其他地方被引用，你应该把它用 

         元素包裹起来表示，并且在 cite 属性里用 URL 来指向引用的资源。例如，下面的示例代码就是引用的 MDN 的 
         元素页面：

        The HTML <blockquote> Element (or

        HTML Block Quotation Element) indicates that the enclosed text is an

        extended quotation.

        要把这些转换为块引用，我们要这样做：

        Here is a blockquote:

        cite="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote">

        The HTML <blockquote> Element (or

        HTML Block Quotation Element) indicates that the enclosed text is

        an extended quotation.

        行内引用：

        除了使用  元素以外，行内元素用同样的方式工作。例如，下面的标记包含了从 MDN  页面的引用：

        The quote element — <q> — is

        >intended for short quotations that don't require paragraph breaks.

        >

        5、文档的基本组成

        页眉

        通常横跨于整个页面顶部有一个大标题 和/或 一个标志。这是网站的主要一般信息，通常存在于所有网页。

        导航栏

        指向网站各个主要区段的超链接。通常用菜单按钮、链接或标签页表示。类似于标题栏，导航栏通常应在所有网页之间保持一致，否则会让用户感到疑惑，甚至无所适从。许多 web 设计人员认为导航栏是标题栏的一部分，而不是独立的组件，但这并非绝对；还有人认为，两者独立可以提供更好的 无障碍访问特性，因为屏幕阅读器可以更清晰地分辨二者。

        主内容

        中心的大部分区域是当前网页大多数的独有内容，例如视频、文章、地图、新闻等。这些内容是网站的一部分，且会因页面而异。

        侧边栏

        一些外围信息、链接、引用、广告等。通常与主内容相关（例如一个新闻页面上，侧边栏可能包含作者信息或相关文章链接），还可能存在其他的重复元素，如辅助导航系统。

        页脚

        横跨页面底部的狭长区域。和标题一样，页脚是放置公共信息（比如版权声明或联系方式）的，一般使用较小字体，且通常为次要内容。还可以通过提供快速访问链接来进行 SEO。

        ：页眉。