#HTML文本 ##实验介绍 ###实验内容一个网站通过HTML（当然也包括css、js）向用户显示网页内容，本次实验就来学习html如何表示这些内容。 ###实验知识点 * HTML元素 * HTML属性 * HTML文本格式化 * HTML样式 ##实验步骤 ###HTML元素 * HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 * HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 < 开始标签> 元素内容 <结束标签> ```

shiyanlou

``` ###HTML元素语法特点： * HTML 元素以开始标签起始 * HTML 元素以结束标签终止 * 元素的内容是开始标签与结束标签之间的内容 * 某些 HTML 元素具有空内容（empty content） * 空元素在开始标签中进行关闭（以开始标签的结束而结束） * 大多数 HTML 元素可拥有属性(下面会讲) ###HTML元素嵌套示例 ```

let's go to shiyanlou

``` 某些 HTML 元素具有空内容（empty content），这种元素被叫做空元素。比如说换行符
。从逻辑上讲
=
...
，这样做的目的是为了尽量减少网页的代码量，同时保持逻辑严谨。保持规范的写法，以后换行请用
。前面我们从示例中看出，

标签结束以后也有一个换行的动作，那< p>标签和< br/>标签有什么异同呢？ * 相同之处是
和

都是有换行的属性及作用 * 区别
是只需一个单独使用，而

和< /p>是一对使用 *
标签是小换行提行（相当于我们平时文本中输入一个回车），

标签是大换行（分段，相当与两个回车）,各行作用。 ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522073382147-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522073550680-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522073688825-wm) 某些标签要想按照作者的意愿来实现在网页上，就得需要一定信息的补充，这信息就叫属性，HTML标签可以加上属性的描述。属性提供了有关 HTML 元素的更多的信息。 ###关于属性有以下语法规则： * 是在 HTML 元素的开始标签中定义。 * 总是以名称和值对应的形式出现，比如：name="value"。 * 属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。 ``` shiyanlou ``` ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522074157685-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522074302444-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522074433990-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522074512326-wm) 下面我们再来给网页增添背景颜色，也许你已经猜到，这个属性就是属于< body>标签 ``` ``` ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522074723263-wm) ###HTML文本格式化 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389307/1522074835380.png-wm) 这里来一个大汇总 ![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522075161696-wm) < pre>....< /pre>标签的使用我们就在刚才的文件修改，把后面的换行符都删掉，将其内容丢到

标签中，就可以得到与之前差不多的格式（但是看起来还是有区别的）。

![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522075437574-wm)

###HTML样式

style 提供了一种改变所有 HTML 元素的样式的通用方法。这里可以将，背景颜色，字体样式，字体尺寸，字体颜色，对齐方式一并定义好。下面我们就再来动手写一个HTML文件

![实验楼](https://dn-simplecloud.shiyanlou.com/3893071522076050478-wm)

##实验总结
我们学习了一部分基础的用于定义网页文本、及网页格式的标签使用。

##作业
将以上标签练习一遍

“HTML基础入门”实验报告