#HTML常用标签 ##简介本节主要是介绍 **HTML 常用标签**，学习了**标题标签**、**段落标签**、**图片标签**、**超链接标签**、**HTML 列表**。由于 ```

``` 标签和 `````` 标签在网页中有许多应用，对其也进行了介绍。知识点 HTML 标签 HTML 元素 HTML 常见标签容器标签 HTML 列表 HTML 样式 ##HTML 标签超文本标记语言（英语简称：HTML ）标记标签通常被称为 HTML 标签，HTML 标签是 HTML 语言中最基本的单位，HTML 标签是 HTML（标准通用标记语言下的一个应用）最重要的组成部分。 HTML 标签的**大小写无关**的，例如和表示的意思是一样的，都代表“主体”，**推荐使用小写**。 ###双标签（双标记）双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下： ```<标记名>``` **常见的双标签有：** `````` `````` `````` `````` ```

``` ```

``` `````` `````` ```

``` 例子 ``````： ```实验楼``` ###单标签（单标记）单标记也称空标记，是指**用一个标记符号即可完整地描述某个功能的标记**。其基本语法格式如下： ```<标记名/>``` **常见的单标签有：** ```
``` *``````* ```

``` *``````* `````` `````` ###标签的关系 **嵌套关系** `````` ``` ``` `````` **并列关系** `````` `````` ##HTML 元素 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。例子： ```

I Love You

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

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

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

我是一级标题

``` ```

我是二级标题

``` ```

我是三级标题

``` ```

我是四级标题

``` ```

我是五级标题

``` ```

我是六级标题

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

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

``` ```

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

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

``` 。 ```

实验楼图片：

``` ```

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

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

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

```*块级元素 * ```

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

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

``` ```

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

``` ```
``` ```

上面是换行符

``` `````` **水平分割线** ```

``` 标签用于在 HTML 页面中创建一条水平线。例； `````` ```

``` ```

``` `````` ###容器标签（div 和 span) 接下来我们介绍两种**容器标签**。 **标签** 标签 ```

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

``` 和 ```

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

这是div标签，自动换行

``` ``````这是```span```标签，不自动换行`````` `````` ``````

这是div标签，自动换行

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

``` 标签。 ```
无序列表
``` ```
- 列表项1
- 列表项2
``` ```
有序列表
``` ```
1. 列表项1
2. 列表项2
``` 可以看到有多少个列表项就有多少个 ```
``` 标签。 **无序列表和有序列表的 type 属性：** type 属性定义了列表项前项目符号的类型。 ```

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是五级标题

我是六级标题

一个自定义列表：

实验楼

实验楼学习教程

实验楼学习教程

“HTML5 简明教程”实验报告