#HTML文本 ##一、收获 ###1.HTML元素 **1.什么是HTML元素** HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 **<开始标签> 元素内容 <结束标签> ** 这就是一个元素： ```

shiyanlou

``` **2.HTML元素语法** HTML元素语法特点： HTML 元素以开始标签起始 HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty content）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTML 元素可拥有属性(下面会讲) **3.HTML元素嵌套示例** 再把前面的例子拿出来，大家先看看，下面这个例子中有几个元素： ```

let's go to shiyanlou

``` **4.HTML空元素** HTML元素的内容是开始标签与结束标签之间的内容，而某些 HTML 元素具有空内容（empty content），这种元素被叫做空元素。比如说换行符
。在xhtml中所有类似
这样的孤立标签都需要自行封闭，具体的做法就是在标签名字的后面跟个“/”，例如 ```
。从逻辑上讲
=
...
``` ，这样做的目的是为了尽量减少网页的代码量，同时保持逻辑严谨。 **

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

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

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

标签是大换行（分段，相当与两个回车）,各行作用。 ``` ###2.HTML属性关于属性有以下语法规则：是在 HTML 元素的开始标签中定义。总是以名称和值对应的形式出现，比如：name="value"。属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。我们先举例： ``` shiyanlou ``` href="http://www.shiyanlou.com"，这一部分就叫做< a>标签的属性，是对< a>标签的补充说明，既指向的网页下面我们再来给网页增添背景颜色，也许你已经猜到，这个属性就是属于< body>标签 ``` ``` 这三种方式都可以设置背景颜色（上面为黑色），这个属性值可以是十六进制数、RGB 值或颜色名。 ###3.HTML文本格式化 ``` 标签描述 （bold）粗体 < big> （big）大字体 （emphasized）强调字 （italic）斜体 （small）小字体 (strong)加重语气 ``` 大家是不是觉得每写完一句要想换行每次都要加一个换行标签 比较麻烦，下面我们就来介绍一下预格式文本（所谓预格式文本就是指代码页和网页展示是一样的格式，不用额外添加换行符标签就能换行） ``` #换行每次都不需要加一个换行标签 < pre>....< /pre>标签的使用 ``` 我们就在刚才的文件修改，把后面的换行符都删掉，将其内容丢到

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

上面我们用了各种各样的标签来使HTML文本格式符合我们的意愿，其实有一个属性能帮助我们减少不少的麻烦。

style 提供了一种改变所有 HTML 元素的样式的通用方法。这里可以将，背景颜色，字体样式，字体尺寸，字体颜色，对齐方式一并定义好。下面我们就再来动手写一个HTML文件
https://dn-anything-about-doc.qbox.me/userid20407labid118time1423216239851
##二、作业
![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517234335169-wm)
![实验楼](https://dn-simplecloud.shiyanlou.com/6284161517234362763-wm)

“HTML基础入门”实验报告