十天学会HTML：第二天 HTML 元素和基本结构-云破天开

本章讲解HTML 的基本结构、HTML 控制标记的格式和最常用的控制标记，也就是创建文档结构所需的元素。例如：标题、段落、页面分隔、注释等等。

HTML 文档是由 HTML 元素构成的文本文件，HTML 元素是通过使用 HTML 标签进行定义的。

一、HTML 的基本结构

<html>　　　<!–根控制标记–>
<head>　　　　　　<!–头控制标记–>
<title>标题</title>　<!–标题标记–>
</head>　　　　　　<!–头控制标记（尾）–>
<body>
网页内容显示区域
</body>
</html>　　　　　<!–根控制标记(尾)–>

复制代码

以上就是一个最基本的网页，把后面的注释去掉，复制到记事本，然后把txt格式修改为htm就是最简单的一个网页。

1、<html>…</html>根控制标记开头和结尾成对出现，双标签

2、<head>…</head>头控制标记

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

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

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

　　2.4Javascript 和VBScript 程序

　　2.5stylesheet 可用来设置排版来的声明

　　2.6<link>可引用外部文件，如CSS 排版样本

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

4、<body>…</body>页面可见内容

二、HTML 控制标记的格式

HTML 标签是用来标记 HTML 元素的，被 < 和 > 符号包围，这些包围的符号叫作尖括号，HTML 标签是成对出现的(也有单标签)，例如 <b> 和 </b>，位于起始标签和终止标签之间的文本是元素的内容，HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的。

1、<标记名称>单一型，无设置值的。如：<br>

2、<标记名称属性=”属性值”>单一型，有设置值的。如：

<hr width=”80%”>

复制代码

3、<标记名称>…</标记名称> 对称型，无设置值。如：

<title>…</title>

复制代码

4、<标记名称属性=”属性值”>…</标记名称> 对称型，有设置值。如：

<body bgcolor=”red”>…</body> <font size= ”7”>…</font>

复制代码

三、最常用的控制标记

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、实体字符控制标记

<b>…</b>　　　　粗
<i>…</i>　　　　　斜
<s>…</s>　　　　删
<u>…</u>　　　下划
<tt>…</tt>　　　电报
<sub>…</sub>　下标
<sup>…</sup>　上标

复制代码

10、语意字符控制

<address>…</address>　　地址
<big>…</big>　　　　　　大字
<del>…</del> 　　　　　　删除
<ins>…</ins>　　　　　　修改
<samll>…</small>　　　　小字
<strong>…</strong>　　　加强语气(加粗)
<em>…</em>　　　　　　加强语气(倾斜)

复制代码

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

格式：<font>…</font>

属性名称　属性值　说明

　size 　　　0-7 　字体大小

　color 　英文或十六颜色

　face 　　字体　　字体

12、格式化

格式：<pre>…</pre>

让书写的文字格式化！

13、引用文本

格式：<blockquote>…</blockquote>

属性名称　属性值　说明

cite　　　　url 　　被引用的地址

我们刚才讲到：HTML 标签对大小写是不敏感的：<b> 和 <B> 的作用的相同的。但在书写代码的时候尽量使用小写html标签。万维网协会 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。