2; HTML 基本结构

时间:2024-09-15 17:37:26

1. HTML 的基本结构

2. HTML 控制标记的格式

3. 最常用的控制标记

本章讲解最基本的 HTML 元素,也就是创建文档结构所需的元素。例如:标题、段落、

页面分隔、注释等等。

2.1 HTML 的基本结构

<html> -------根控制标记

<head> -------头控制标记

<title>标题</title> -------标题标记

</head> -------头控制标记(尾)

<body>

-------网页显示区域

</body>

</html> -------根控制标记(尾)

(1).<html>…</html>根控制标记

开头和结尾成对出现,双标签

(2).<head>…</head>头控制标记

1.<title>很单纯的文件标题声明

2.<meta>控制标记的动态文件转换声明

3.<base>超链接网址基准参考点

4.Javascript 和 VBScript 程序

5.stylesheet 可用来设置排版来的声明

6.<link>可引用外部文件,如 CSS 排版样本

(3).<title>…</title>设置浏览器的视窗标题

(4).<body>…</body>页面可见内容

2.2 HTML 控制标记的格式

(1).<标记名称>

单一型,无设置值的。

如:<br>

(2).<标记名称 属性=”属性值”>

单一型,有设置值的。

如:<hr width=”80%”>

(3).<标记名称>…</标记名称>

对称型,无设置值。

如:<title>…</title>

(4).<标记名称 属性=”属性值”>…</标记名称>

对称型,有设置值。

如:<body bgcolor=”red”>…</body>

<font size= ”7”>…</font>

2.3 最常用的控制标记

(1).跳行 <br>

格式:<br>

无属性设置

(2).段落 <p>

格式:<p align=”排列方式”>…</p>

属性名称 属性值 说明

align left 往左靠(默认)

center 往中靠

right 往右靠

(3).水平直线 <hr>

格式:<hr>

属性名称 属性值 说明

size 像素 绝对设置,以数字表示,属性值越大,线越粗

百分比 相对设置,以%表示,属性值越大,线越粗

width 像素 绝对设置,长度不会应视窗的改变而改变

百分比 相对设置,长度会随着视窗宽度而改变

noshade 实体线

(4).向中对齐 <center> (被废弃的标签)

格式:<center>…</center>

(5).背景色与文字设置

格式:<body bgcolor=”背景色” text=”文字颜色”>

整体页面的边距,行距

<body leftmargin=”像素” topmargin=”像素”>

(6).标题文字设置

格式:<h1>…</h1>

<h2>…</h2>

<h3>…</h3>

<h4>…</h4>

<h5>…</h5>

<h6>…</h6>

属性名称 属性值 说明

align left 靠左

center 靠中

right 靠右

(7).特殊字符设置

格式:< lt;

> gt;

& amp;

“ quot;

(8).在 HTML 备注

格式:<!--…-->

(9).实体字符控制标记

1.<b>…</b> 粗

2.<i>…</i> 斜

3.<s>…</s> 删

4.<u>…</u> 下划

5.<tt>…</tt> 电报

6.<sub>…</sub> 下标

7.<sup>…</sup> 上标

(10).语意字符控制

1.<address>…</address> 地址

2.<big>…</big> 大字

3.<del>…</del> 删除

4.<ins>...</ins> 修改

5.<samll>…</small> 小字

6.<strong>…</strong> 加强语气(加粗)

7.<em>...</em> 加强语气(倾斜)

(11).<font>字体控制 (被废弃的标签)

格式:<font>…</font>

属性名称 属性值 说明

size 0-7 字体大小

color 英文或十六 颜色

face 字体 字体

(12).格式化

格式:<pre>…</pre>

让书写的文字格式化!

(13).引用文本

格式:<blockquote>...</blockquote>

属性名称 属性值 说明

cite url 被引用的地址