###2.HTML 元素 - HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。例子： ```

I Love You

``` 注：这个元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 ```

```，以及一个结束标签 ```

```。元素内容是：```I Love You```。 ###3.HTML 常见标签 **h 系类标签** -``` h ```标签有六种 ```h1```，```h2```，```h3```，```h4```，```h5```，```h6```，它代表着我们的标题。 ``` HTML 简介

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是五级标题

我是六级标题

``` **p 标签** - ```p ```标签是我们的文本标签。删掉上段代码``` ``` 标签里的内容，把下面的内容放到 ``` ```标签里面去。 ```

我是第一段文字，实验楼，做实验，学编程

我是第二段文字，实验楼，做实验，学编程

``` **图片标签** - ```HTML ```的图像是通过标签 `````` 来定义的。语法: ```

``` 。 ```

实验楼图片：

``` **a 标签** - ``` ``` 标签是超链接标签，意思就是我们点击它可以跳转到一个网页。 ``` 实验楼 ``` **div 标签** - ```

``` 标签是一个块级元素，块级元素占据其父元素（容器）的整个空间，你可以把它想成一个盒子。```

``` 能够设置其宽高，后面我们会讲到。 ```

块级元素

``` 这里设置的 style，后面我们会进行学习，现在只是为了便于产生效果，使大家更好理解。在这里的效果是生成一个宽高 200 像素的粉色 div。 **换行标签和空格字符** - 在浏览器显示页面时，浏览器会移除源代码中多余的空格和空行，所有连续的空格或空行都会被认为是一个空格。如果希望在不产生一个新段落的情况下换行，可以使用 ```
```标签。如果想使用空格的话可以使用``` ```字符。 ```

这是一段文字前面有很多空格但是只显示一个

这是一段文字用了空格字符

上面是换行符

``` **水平分割线** - 标签用于在HTML页面中创建一条水平线。 ###4.容器标签（div 和 span） **div标签** - 标签```

``` 可将网页页面分割成不同的独立部分，通常用于定义文档中的区域或节。该标签是一个块级元素，浏览器会自动在```

``` 和 ```

``` 所标记的区域前后自动放置一个换行符。 **span 标签** - 标签通常作为文本的容器，它没有特定的含义和样式，只有与 CSS 同时使用才可以为指定文本设置样式属性。该标签是一个内联元素，他与块级元素相反，内联元素不会自动在前后自动放置换行符，因此内联元素会默认显示在同一行。 ```

这是div标签，自动换行

这是span标签，不自动换行 ``` ###5.HTML 列表列表作为网页设计的重要内容之一，能够用来制作导航栏和新闻列表等。HTML 列表分为：有序列表（ol），无序列表（ul）以及自定义列表（dl）。 **无序列表与有序列表** - 无序列表是一个项目的列表，此列项目使用实心圆、空心圆、方块进行标记，无序列表使用 ```

“HTML5 简明教程”实验报告