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.图形元素标签
图形元素是网页设计中最重要的元素,因此在设计过程中对图片的把握是非常重要的。
标签及其属性 | 功能说明 |
<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 | 关闭三维浮雕效果 |
3.链接标签
介绍常用链接标签的元素。
标签及其属性 | 功能说明 |
<A> | 锚标签 |
Href=url | 目标文件的位置 |
Name=”文本” | 网页上的链接名 |
<MAP> | 映射图的映射信息 |
Name=”文本” | 映射图名 |
<AREA> | 映射图的链接信息 |
Shape=rect/circle/poly | 链接区域的图形 |
Coords=”数值” | 链接区域的坐标值 |
Href=url | 链接的目标文件 |
<A href=”mailto:mailname@mailbox.com”>Contact Us</A>
4.特殊字符
特殊字符并不都包含在ADCII字符集中,可以通过字符实体名或字符的数值来指定。
字符 | 描述 | 实体名 | 数值 |
空格符 | |
|
|
© | 版权符号 | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | (无) | ™ |
€ | 英镑 | £ | £ |
¥ | 人民币 | ¥ | ¥ |
“ | 左括号 | (无) | “ |
” | 右括号 | (无) | ” |
> | 大于号 | (无) | › |
< | 小于号 | (无) | ‹ |
5.表格标签
标签及其属性 | 功能说明 |
<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> 相同 |
|
参考: http://www.cnblogs.com/anytao/archive/2007/10/17/html_base_catalog.html