HTML文本一、实验介绍 1.1 实验内容一个网站通过HTML（当然也包括css、js）向用户显示网页内容，本次实验就来学习html如何表示这些内容。 1.2 实验知识点 HTML元素 HTML属性 HTML文本格式化 HTML样式一、实验介绍 1.1 实验内容一个网站通过HTML（当然也包括css、js）向用户显示网页内容，本次实验就来学习html如何表示这些内容。 1.2 实验知识点 HTML元素 HTML属性 HTML文本格式化 HTML样式二、实验步骤 2.1 HTML元素 1.什么是HTML元素在第一章中在介绍标签的时候为了避免概念的混乱，我们简单介绍了下HTML元素，这里我们就详细开始介绍HTML元素。 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 <开始标签> 元素内容 <结束标签> 这就是一个元素：

shiyanlou

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

let's go to shiyanlou

![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522072617097-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522072650612-wm) 4.HTML空元素 HTML元素的内容是开始标签与结束标签之间的内容，而某些 HTML 元素具有空内容（empty content），这种元素被叫做空元素。比如说换行符
。

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

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

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

标签是大换行（分段，相当与两个回车）,各行作用。 ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522073018228-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522073045639-wm)

< /p>换行 ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522073163004-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522073189216-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522073321943-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522073352305-wm) 2.2 HTML属性 ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522118946566-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522118973961-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522119165074-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522119209631-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522119433578-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522119451770-wm) 这三种方式都可以设置背景颜色（上面为黑色），这个属性值可以是十六进制数、RGB 值或颜色名。 ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522119822376-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522120021969-wm) 2.3 HTML文本格式化 ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522121096437-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522121117112-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522135921698-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522135903319-wm) style 提供了一种改变所有 HTML 元素的样式的通用方法。这里可以将，背景颜色，字体样式，字体尺寸，字体颜色，对齐方式一并定义好。下面我们就再来动手写一个HTML文件 ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522136689945-wm) ![实验楼](https://dn-simplecloud.shiyanlou.com/6964151522136676793-wm)

“HTML基础入门”实验报告