#初识HTML ##实验简介 ###实验内容制作自己的网页，做网页设计，网站开发 ###实验知识点 * 什么是HTML * HTML文件结构 * HTML文档 * HTML标签 * 感受HTML ##实验步骤 ###什么是HTML * 首先，HTML是一种语言，是用来描述网页的语言 * HTML 指的是超文本标记语言 (Hyper Text Markup Language) * 所谓的超文本就是指页面内可以包含图片、链接、甚至音乐，等非文字元素 * HTML 不是一种编程语言，而是一种标记语言 (markup language)所以就算你什么编程语言都不懂，没关系，完全可以上手HTML。 * 标记语言：一套标记标签 (markup tag)（也就是一些特定的符号，后面我们会讲到） * HTML 就是使用标记标签来描述网页 * HTML文件后缀名就是(.html),你可以使用一般的文本编辑器就能编辑（在我们环境中可以使用Brackets，gedit，vim），之后再使用浏览器打开，就能看见所你所编辑的网页 ###HTML文件结构 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389307/1522066323850.png-wm) ###HTML文档 HTML 文档也被称为网页 HTML 文档包含 HTML 标签和纯文本 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML标签（相当于是隐藏的格式描述），而是使用标签来解释页面的内容： < html> 与 < /html> 之间的文本描述网页 < body> 与 < /body> 之间的文本是可见的页面内容 < h1> 与 < /h1> 之间的文本被显示为标题 < p> 与 < /p> 之间的文本被显示为段落 ###HTML标签标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象，绝大部分的标签都是成对出现的，如< table>< /table>、< form>< /form>。标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签;当然还有少部分不是成对出现的，如< br>、< hr>等。标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。 Heading 是通过 < h1> - < h6> 等标签进行定义的。 ```

This is first heading

This is second heading

This is third heading

... ... ``` paragraph 是通过 < p> 标签进行定义的。 ```

This is a paragraph.

This is another paragraph.

... ... ... ... ``` 链接是通过 < a> 标签进行定义的。 ``` This is a link ``` image是通过 < img> 标签进行定义的。 ```

``` ###感受HTML ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522068696795-wm) ##实验总结这一讲中带大家初步认识了HTML并学习了HTML的基础知识，为后续的学习铺垫理论基础，建立一个比较清晰的框架。 ##实验作业动手写一个最简单的 hello world HTML文件在浏览器打开。 ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522069013818-wm)

“HTML基础入门”实验报告