HTML基础入门系教程(二)之HTML文本.docVIP

实验楼官方网站： HTML文本 本节预告： 1.HTML元素 2.HTML属性 3.HTML文本格式化 4.HTML样式 一.HTML元素 1.什么是HTML元素 我们在第一章中在介绍标签的时候为了避免概念的混乱，我们简单介绍了下HTML元素，这里我们就详细开始介绍HTML元素。 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 开始标签?元 素 内 容?结束标签 这就是一个元素： pshiyanlou/p 2.HTML元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性(下面会讲) HTML元素嵌套示例? 再把前面的例子拿出来，大家先看看，下面这个例子中有几个元素： html body plets go to shiyanlou/p /body/html 答案当然是三个，应该很好理解吧，这就是所谓的嵌套。 4.HTML空元素 没有内容的 HTML 元素被称为空元素。 br 就是没有关闭标签的空元素（ br 标签用来定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 br/，是关闭空元素的正确方法，即使 br 在所有浏览器中都是有效的，但使用 br/ 其实是更长远的保障，说了那么多就是想说以后换行就用 br/。 前面我们从示例中看出， p标签结束以后也后一个换行的动作，那现在又介绍了下面我来给大家展示下 p标签和 br标签的区别 相同之处是br和p都是有换行的属性及意思 区别 br/是只需一个单独使用，而 p和 /p是一对使用 br标签是小换行提行（相当于我们平时文本中输入一个回车），p标签是大换行（分段，相当与两个回车）各行作用。 下面大家就一起动手看看两个标签的区别 先来个 br/换行 再来个 p /p换行 要想两个表现出一样的效果 这下你以后肯定就有对他两有比较好的把握了吧 二.HTML属性 某些标签要想按照作者的意愿来实现在网页上，就得需要一定信息的补充，这信息就叫属性，HTML标签可以加上属性的描述。属性提供了有关 HTML 元素的更多的信息。 是在 HTML 元素的开始标签中定义。 总是以名称和值对应的形式出现，比如：name=value。 属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。 我们举个栗子先: a href=shiyanlou/a href=，这一部分就叫做 a标签的属性，是对 a标签的补充说明，既指向的网页。这样的标签还有很多，下面我们就来动手做几个练习 我们将就上面的 a标签，再来换个属性，玩一个邮件编写，当你点击以后，你就可以登录你自己的邮箱，给指定的地址编写邮件来发送。 还记得我们在以前的例子中使用过的 h1标签吗，接下来我么就在桌面上编写一个test.html，这就是不自定义属性的内容和结果: 你也许想过，作为网页文本的标题，当然应该在网页的正中间对齐。那么下面我么就通过在标签中加属性来实现这样的目的。 这是所加属性的内容和结果： 下面我们再来给网页增添背景颜色，也许你已经猜到，这个属性就是属于 body标签 body bgcolor=#000000body bgcolor=rgb(0,0,0)body bgcolor=black 这三种方式都可以设置背景颜色（上面为黑色），这个属性值可以是十六进制数、RGB 值或颜色名。 这里就简单的选择最直观的方式：（颜色名支持aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。） 那么问题来了，既然大多数的标签都有各种各样的属性，那么我们需要全部背下来吗？ 这个。。。在我看来，没有必要去特意的拿着所谓的HTML标签属性大全背，背完了说不定你也不会用或者一些属性根本就很难才用得到。在实践中积累才是好方法，在写的过程中你自然知道哪些属性是比较常用，是什么样的用法，多写才是硬道理。 3.HTML文本格式化 一般我们在网页中能看见有各种各样的字体、文本样式，这就是文