##HTML文本 ##i.HTML元素 ###1.什么是HTML元素 >* **HTML元素**指的是从**开始标签**（start tag）到**结束标签**（end tag）的**所有代码**。 * **HTML网页**实际上就是由许许多多各种各样的**HTML元素构成的文本文件**，并且任何网页浏览器都可以直接运行HTML文件。 * 所以可以这样说，**HTML元素**就是构成**HTML文件的基本对象**，HTML元素可以说是一个**统称**而已。**HTML元素**就是通过**使用HTML标签进行定义**的。 * <开始标签> 元素内容 <结束标签> ###2.HTML元素语法 >* HTML 元素**以开始标签起始** * HTML 元素**以结束标签终止** * 元素的内容是开始标签与结束标签之间的内容 * 某些 HTML 元素具有空内容（empty content） * 空元素在开始标签中进行关闭（以开始标签的结束而结束） * 大多数 HTML 元素可拥有属性 ###3.HTML元素嵌套示例 ```

let's go to shiyanlou

``` ###4.HTML空元素 >* 没有内容的 HTML 元素被称为空元素。 * 就是没有关闭标签的空元素（ 标签用来定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如** **，是关闭空元素的正确方法. * 标签和 标签的区别 * 相同之处是**br**和**p**都是有**换行**的属性及意思 * 区别** **是只需一个**单独使用**，而****和****是**一对使用** * **br标签**是**小换行提行**（相当于我们平时文本中输入一个回车），**p标签**是**大换行**（分段，相当与两个回车）各行作用。 ##ii.HTML属性 >* 某些标签要想按照作者的意愿来实现在网页上，就得需要一定信息的补充，这信息就叫属性 * HTML标签可以加上属性的描述。属性提供了有关 HTML 元素的更多的信息。 * 是在 HTML 元素的开始标签中定义。 * 总是以**名称**和**值**对应的形式出现，比如：name="value"。 * 属性值应该始终被包括在**引号内**。 ``` 举例: shiyanlou href="http://www.shiyanlou.com"，这一部分就叫做< a>标签的属性，是对< a>标签的补充说明，既指向的网页。这样的标签还有很多，下面我们就来动手做几个练习 ``` ``` 给网页增添背景颜色 ``` ##iii.HTML文本格式化 >* 一般我们在网页中能看见有各种各样的字体、文本样式，这就是**文本格式化标签**的功劳。 >>|标签 |描述 |---- | |（bold）粗体 |< big> |（big）大字体 | |（emphasized）强调字 | |（italic）斜体 || （small）小字体 || (strong)加重语气 >* 预格式文本（所谓预格式文本就是指代码叶和网页展示是一样的格式，不用额外添加换行符标签就能换行） >>< pre>....< /pre> ##4.HTML样式 >* ** style **提供了一种改变所有 HTML元素的样式的通用方法。 * 这里可以将，背景颜色，字体样式，字体尺寸，字体颜色，对齐方式一并定义好。 ``` 例如,

show some functions of style

style="text-align:center;font-family:verdana;color:gray"> verdana and white

``` ![](https://dn-simplecloud.qbox.me/a5b7918cdaf7e90d3dd9a72ec798251b?watermark/1/image/aHR0cDovL3N5bC1zdGF0aWMucWluaXVkbi5jb20vaW1nL3dhdGVybWFyay5wbmc=/dissolve/60/gravity/SouthEast/dx/0/dy/10-wm) ![](https://dn-simplecloud.qbox.me/795b38115c48a0510e0c59183af5cb9c?watermark/1/image/aHR0cDovL3N5bC1zdGF0aWMucWluaXVkbi5jb20vaW1nL3dhdGVybWFyay5wbmc=/dissolve/60/gravity/SouthEast/dx/0/dy/10-wm)

“HTML基础入门”实验报告