HTML总结

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:[email protected]”>Contact Us</A> 

4.特殊字符
特殊字符并不都包含在ADCII字符集中,可以通过字符实体名或字符的数值来指定。

字符 描述 实体名 数值
   空格符 &nbsp;

  

© 版权符号 &copy; ©
® 注册商标 &reg; ®
商标 (无)
英镑 &pound; £
人民币 &yen; ¥
左括号 (无)
右括号 (无)
大于号 (无)
小于号 (无)

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

你可能感兴趣的:(html)