1. 常用的文本格式化标签：
文本加粗 b
重要文本加粗 strong
斜体标签 em
重要文本斜体标签 i
字体变大 big
字体变小 small
文本下标下标sub
文本上标上标sup
文本删除线 del
预格式文本，
预格式文本，
预格式文本，
预格式文本。
2. 示例代码：
1 <b>文本加粗 b</b><br />
2
3 <strong>重要文本加粗 strong</strong><br />
4
5 <em>斜体标签 em</em><br />
6
7 <i>重要文本斜体标签 i</i><br />
8
9 <big>字体变大 big</big><br />
10
11 <small>字体变小 small</small><br />
12
13 文本下标<sub>下标sub</sub><br />
14
15 文本上标<sup>上标sup</sup>
16
17 <del>删除文本 del</del>
18
19 <pre>
20 预格式文本，
21 预格式文本，
22 预格式文本，
23 预格式文本。
24 </pre>
25
26 <textarea cols=20 rows=8>
27 预格式代码：
28 <ul>
29 <li></li>
30 <li></li>
31 <li></li>
32 <ul>
33 </textarea>
1.文本格式化标签
经常使用html标签来布局页面，要记住这些标签还是挺麻烦的，所以在此整理出来形成系列以备查询之用，用不着东拉西扯的找资料了。
|
标签和属性 |
功能说明 |
|
<B> |
粗体文本 |
|
<BLOCKQUOTE> |
冗长的引用文本 |
|
<BR> |
换行符 |
|
<CENTER> |
将网页元素居中对齐 |
|
<DD> |
定义项目（定义列表中） |
|
<DIV> |
分区 |
|
ALIGN=left/right/center |
水平对齐方式 |
|
<DL> |
定义列表 |
|
<DT> |
术语项目（定义列表中） |
|
<EM> |
强调文本（斜体） |
|
<FONT> size1到7，FACE, COLOR |
字体 |
|
<H#> |
标题级别（从1到6，常用1、2、3） |
|
<l> |
斜体文本 |
|
<LI> |
列表项目（无序列表或有序列表） |
|
<NOBR> |
"不换行"，禁止所含文本换行 |
|
<OL> |
有序列表（就是有编号） |
|
<P> |
段落 |
|
<PRE> |
预格式化文本 |
|
<STRIKE> |
删除线文本 |
|
<STRONG> |
特别强调文本（粗体） |
|
<SUB> |
下标 |
|
<SUP> |
上标 |
|
<TT> |
打字机文本 |
|
<U> |
下划线文本 |
|
<UL> |
无序列表 |
2. 常用的文本格式化标签：
文本加粗 b
重要文本加粗 strong
斜体标签 em
重要文本斜体标签 i
字体变大 big
字体变小 small
文本下标下标sub
文本上标上标sup
文本删除线 del
预格式文本，
预格式文本，
预格式文本，
预格式文本。
1 <b>文本加粗 b</b><br />
2
3 <strong>重要文本加粗 strong</strong><br />
4
5 <em>斜体标签 em</em><br />
6
7 <i>重要文本斜体标签 i</i><br />
8
9 <big>字体变大 big</big><br />
10
11 <small>字体变小 small</small><br />
12
13 文本下标<sub>下标sub</sub><br />
14
15 文本上标<sup>上标sup</sup>
16
17 <del>删除文本 del</del>
18
19 <pre>
20 预格式文本，
21 预格式文本，
22 预格式文本，
23 预格式文本。
24 </pre>
25
26 <textarea cols=20 rows=8>
27 预格式代码：
28 <ul>
29 <li></li>
30 <li></li>
31 <li></li>
32 <ul>
33 </textarea>
3.图形元素标签
图形元素是网页设计中最重要的元素，因此在设计过程中对图片的把握是非常重要的。
|
标签及其属性 |
功能说明 |
|
<Body> |
文档的主体，影响整个页面的外观 |
|
Background＝url |
背景图片， |
|
bgColor=颜色值和颜色名 |
具体的内容可以参考Photshop等 |
|
<Br Clear=all> |
插入换行符，并在图片下方另起行 |
|
<Img> |
插入图片 |
|
Src=ulr |
目标图片的引用地址 |
|
Alt=” 文本” |
替代文本 |
|
Width=数值 |
图片宽度 |
|
Height= 数值 |
图片高度 |
|
Border= 数值 |
边框宽度 |
|
Align=left/right |
水平对齐 |
|
Align=top/middle/bottom |
垂直对齐< |
|
Hspace=数值< |
图片左右两侧边留出的间隔大小< |
|
Vspace= 数值 |
图片上下两侧边留出的间隔大小 |
|
<<HR> |
插入水平分隔线 |
|
Size= 数值 |
线宽 |
|
Width= 数值 |
线长 |
|
Align=left/center/right |
确定其水平位置 |
|
Noshade |
关闭三维浮雕效果 |
4.链接标签
介绍常用链接标签的元素。
|
标签及其属性 |
功能说明 |
|
<A> |
锚标签 |
|
Href=url |
目标文件的位置 |
|
Name=”文本” |
网页上的链接名 |
|
<MAP> |
映射图的映射信息 |
|
Name=”文本” |
映射图名 |
|
<AREA> |
映射图的链接信息 |
|
Shape=rect/circle/poly |
链接区域的图形 |
|
Coords=”数值” |
链接区域的坐标值 |
|
Href=url |
链接的目标文件 |
<A href=”mailto:mailname@mailbox.com”>Contact Us</A>
5.特殊字符
特殊字符并不都包含在ADCII字符集中，可以通过字符实体名或字符的数值来指定。
|
字符 |
描述 |
实体名 |
数值 |
|
|
空格符 |
|
|
|
© |
版权符号 |
© |
© |
|
® |
注册商标 |
® |
® |
|
™ |
商标 |
（无） |
™ |
|
€ |
英镑 |
£ |
£ |
|
￥ |
人民币 |
¥ |
¥ |
|
“ |
左括号 |
（无） |
“ |
|
” |
右括号 |
（无） |
” |
|
> |
大于号 |
（无） |
› |
|
< |
小于号 |
（无） |
‹ |
6.表格标签
表格是网页设计中最重要的布局元素，因此在设计过程中对表格的把握是非常重要的。
|
标签及其属性 |
功能说明 |
|
<Table> |
表格 |
|
Bgcolor= “颜色值”、“颜色名” |
表格背景色 |
|
Border= 数值 |
表格边框线宽 |
|
Cellpadding= 数值 |
表元内距 |
|
Cellspacing= 数值 |
表元间距 |
|
Height= 数值 |
表格高度 |
|
Widht= 数值 |
表格宽度 |
|
<TD> |
在表格某一行创建一个表元 |
|
Align=left/right/center |
表元内容的水平对齐方式 |
|
Bgcolor= 颜色 |
表元背景色 |
|
Colspan= 数值 |
表元的列跨越数 |
|
Height=数值 |
表元高度 |
|
Width=数值 |
表元宽度 |
|
Rowspan=数值 |
表元的行跨越数 |
|
Valign=top/middle/bottom/baseline |
表元内容的垂直对齐方式 |
|
<TH> |
表格的标题 |
|
属性和<TD> 相同 |
|
|
<TR> |
|
|
属性和<TD> 相同 |
|