html 空格_HTML标签

HTML是由各种各样的标签组成，学习HTML就是学习使用这些标签，本节讨论HTML结构。

1. 1.       HTML文档结构(图2-5)

Html标签：称为根标签，所有的网页标签都在中。

Head标签：代表HTML文档的头部信息，以开始，结束，它是所有头部元素的容器。头部元素有、、、、等标签。

Body标签中的内容直接在网页的内容区显示，head标签的内容不显示网页内容区，以上HTML代码运行结果在浏览器中显示如图2-6所示。

请学员把源码和显示效果图进行对比，熟练下基本HTML文档结构，关于具体的HTML标签，在以后的课程里会有详细的讨论。

HTML标签是HTML文档的基本元素，它一般是成对出现的，既有开始标签和对应的结束标签构成，如等，但有些是特殊的单标签，如等。HTML语言是弱类型语言，标签部区分大小写和显示结构是相同的。

标签是HTML中最基本单位，也是最重要组成部分。

• HTML标签由开始标签和结束标签组成。

• 某些HTML元素没有结束标签，如。

• 标签是大小写无关的，和表示意思是相同的，标志推荐使用小写。

• 所有的标签之间可以嵌套，如跟标签嵌套演示。

常用HTML标签表(图2-7)

10.水平线标记(hr)

• Width(水平线的宽度显示)

• Size(水平线的高度)

• Color(水平线的颜色)

• Noshade水平线去掉阴影属性标记

• Align水平线对齐属性

前面已经简单通过了hr标签，这次为其添加上属性。

示例(图2-20)

1

2 标签演示

3

4

带属性值的HR 标签演示

5

6

7

11.输入特殊符号

基本语法：&nbsp: &quot &amp

如果想在网页显示多个空格，可是在源码中无论你敲多少空格，实际的显示页面只能显示一个如图2-21所示，显示的结果并没有我们预期的结果，同样的我们想在网页上显示和HTML代码有冲突的符合加大于号(>)或小于号(<)等怎么办呢？HTML语言中专门为显示这些特殊的符号设定了标签。常用的特HTML殊符号对应代码的如图2-22所示。

12.插入图片

网页中常用的图片格式有jpg、gif、png等。HTML中插入图片使用标签

基本语法：

图片路径” width=宽度 height=高度>

语法解释：宽度和高度的单位都是像素，是插入图片的HTML标签，src是描述图片路径的属性，它的值表示图片的路径。

示例(图2-23)；

这里的图片路径表示logo.gif图片和html文件在不在同一目录下。如果图片则可把所有的图片放在图像专有子文件夹中如images中，那么上面的路径应改为，关于路径问题，在后面“相对路径与绝对路径”课程中详细讲解。

标签除了src属性，外还包含的属性有：

• alt:设置图像的提示文字属性。

• width、height:设置图像的宽度和高度。

• border:设置图像的边框。

• align:设置图像的排列属性。

• 设置图片的提示文字(alt)

基本语法：

图片路径” 埃立特“提示文字”>

示例(2-24)：

JMG标签的alt属性是指鼠标放在网页的图片上没弹出一行提示性的文字。