#初识HTML 在我们的环境中建议使用vim或者gedit，后面我们会使用brackets，虽然有很多不便的地方，但是对于初学者，这样易于学习，理解。等熟练以后，我们再使用功能强大的开发环境来提高开发效率。 ###学习路径 https://dn-anything-about-doc.qbox.me/userid20406labid453time1423106716270 ##一、收获 **1.什么是HTML** 首先，HTML是一种语言，是用来描述网页的语言 HTML 指的是超文本标记语言 (Hyper Text Markup Language) 所谓的超文本就是指页面内可以包含图片、链接、甚至音乐，等非文字元素 HTML 不是一种编程语言，而是一种标记语言 (markup language)所以就算你什么编程语言都不懂，没关系，完全可以上手HTML。标记语言：一套标记标签 (markup tag)（也就是一些特定的符号，后面我们会讲到） HTML 就是使用标记标签来描述网页 HTML文件后缀名就是(.html),你可以使用一般的文本编辑器就能编辑（在我们环境中可以使用Brackets，gedit，vim），之后再使用浏览器打开，就能看见所你所编辑的网页下面我们就来看看别人写好的HTML文件 https://dn-anything-about-doc.qbox.me/userid20406labid366time1423042838041 **2.我们可以对比看，一般的html文件结构就是下面这样** ``` .....

``` 前面说过，HTML是一种标记语言，这些<..>就叫做标签，而HTML就是使用这些标签来描述网页的。了解大体结构以后，后面我们会学习HTML的标签。 **3.HTML文档** HTML 文档也被称为网页 HTML 文档包含 HTML 标签和纯文本 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML标签（相当于是隐藏的格式描述），而是使用标签来解释页面的内容：下面我们具体来看一看对应的解释： ```

First Heading

first paragraph

``` < html> 与 < /html> 之间的文本描述网页 < body> 与 < /body> 之间的文本是可见的页面内容 < h1> 与 < /h1> 之间的文本被显示为标题 < p> 与 < /p> 之间的文本被显示为段落 **4.HTML标签 ** 什么是标签标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象，绝大部分的标签都是成对出现的，如< table>< /table>、< form>< /form>。提前介绍什么是元素（对比） HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 **比如< p>这就是一个标签；< p>内容< /p>这就是一个元素，也就是说元素由一个开始的标签和结束的标签组成**，用来包含某些内容;这里有一个值得注意的例外，即< br/>本身既是开始标签也是结束标签，但不包含任何内容，所以这只是个标签。 1. HTML标题 Heading 是通过 < h1> - < h6> 等标签进行定义的。示例： ```

This is first heading

This is second heading

This is third heading

... ... ``` 2. HTML段落 paragraph 是通过 < p> 标签进行定义的。示例： ```

This is a paragraph.

This is another paragraph.

... ... ``` 3.HTML链接链接是通过 < a> 标签进行定义的。示例： ``` This is a link ``` 4.HTML图像 image是通过 < img> 标签进行定义的。示例： ```

``` **5.感受HTML** 我们就先写一个最简单的"hello shiyanlou " 这是自己在环境里面使用vim编辑器编辑的简单的test.html https://dn-anything-about-doc.qbox.me/userid20406labid453time1423102515656 https://dn-anything-about-doc.qbox.me/userid20406labid453time1423102528699 ##二、作业 ![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517230915186-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517230922814-wm)

“HTML基础入门”实验报告