HTML,cellpadding与cellspacing属性图文

更新时间:2024-02-10 03:33:01 阅读量: 经典范文大全 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

篇一:HTML标签与属性大全(很全哦)

HTML语言基 本 标 签:

创建一个HTML文档 <html></html>

设置文档标题以及其他不在WEB网页上显示的信息 <head></head>

设置文档的可见部分 <body></body>

标 题 标 签

将文档的题目放在标题栏中 <title></title>

文 档 整 体 属 性

设置背景颜色,使用名字或十六进制值 <body bgcolor=?>

设置文本文字颜色,使用名字或十六进制值 <body text=?>

设置链接颜色,使用名字或十六进制值 <body link=?>

设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>

设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?>

文 本 标 签

创建预格式化文本 <pre></pre>

创建最大的标题 <h1></h1>

创建最小的标题 <h6></h6>

创建黑体字 <b></b>

创建斜体字 <i></i>

创建打字机风格的字体 <tt></tt>

创建一个引用,通常是斜体 <cite></cite>

加重一个单词(通常是斜体加黑体) <em></em>

加重一个单词(通常是斜体加黑体) <strong></strong>

设置字体大小,从1到7 <font size=?></font>

设置字体的颜色,使用名字或十六进制值 <font color=?></font>

链 接

创建一个超链接 <a href="URL"></a>

创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>

创建一个位于文档内部的靶位 <a name="NAME"></a>

创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

格 式 排 版

创建一个新的段落 <p>

将段落按左、中、右对齐 <p align=?>

插入一个回车换行符 <br>

从两边缩进文本 <blockquote>

</blockquote>

创建一个定义列表 <dl></dl>

放在每个定义术语词之前 <dt>

放在每个定义之前 <dd>

创建一个标有数字的列表 <ol></ol>

放在每个数字列表项之前,并加上一个数字 <li>

创建一个标有圆点的列表 <ul></ul>

放在每个圆点列表项之前,并加上一个圆点 <li>

一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?>

图 形 元 素

添加一个图像 <img src="name">

排列对齐一个图像:左中右或上中下 <img src="name" align=?>

设置围绕一个图像的边框的大小 <img src="name" border=?>

加入一条水平线 <hr>

设置水平线的大小(高度) <hr size=?>

设置水平线的宽度(百分比或绝对像素点) <hr width=?>

创建一个没有阴影的水平线 <hr noshade>

表 格

创建一个表格 <table></table>

开始表格中的每一行 <tr></tr>

开始一行中的每一个格子 <td></td>

设置表格头:一个通常使用黑体居中文字的格子 <th></th>

表 格 属 性

设置围绕表格的边框的宽度 <table border=#>

设置表格格子之间空间的大小 <table cellspacing=#>

设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>

设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %>设置表格格子的水平对齐(左中右) <tr align=?> or <td align=?>

设置表格格子的垂直对齐(上中下) <tr valign=?> or <td valign=?>

设置一个表格格子应跨占的列数(缺省为1) <td colspan=#>

设置一个表格格子应跨占的行数(缺省为1) <td rowspan=#>

禁止表格格子内的内容自动断行回卷 <td nowrap>

窗 框

放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中

<frameset></frameset>

定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <frameset

rows="value,value">

定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <frameset

cols="value,value">

定义一个窗框内的单一窗或窗区域 <frame>

定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗 框 属 性

规定窗框内显示什么HTML文档 <frame src="URL">

命名窗框或区域以便别的窗框可以指向它 <frame name="name">

定义窗框左右边缘的空白大小,必须大于等于1 <frame marginwidth=#>

定义窗框上下边缘的空白大小,必须大于等于1 <frame marginheight=#>

设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto" <frame scrolling=VALUE>

禁止用户调整一个窗框的大小 <frame noresize>

表 单

对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。创建所有表单 <form></form>

创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 <select multiple name="NAME" size=?></select>

设置每个表单项的内容 <option>

创建一个下拉菜单 <select name="NAME"></select>

设置每个菜单项的内容 <option>

创建一个文本框区域,列的数目设置宽度,行的数目设置高度 <textarea name="NAME" cols=40 rows=8></textarea>

创建一个复选框,文字在标签后面 <input type="checkbox" name="NAME">

创建一个单选框,文字在标签后面 <input type="radio" name="NAME" value="x">创建一个单行文本输入区域,size设置以字符计的宽度 <input type=text name="foo" size=20>

创建一个submit(提交)按钮 <input type="submit" value="NAME">

创建一个使用图象的submit(提交)按钮 <input type="image" border=0 name="NAME" src="name.gif">

创建一个reset(重置)按钮 <input type="reset">

HTML标签大全 <!> 跑马灯

<marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

篇二:HTML标签与属性大全

HTML语言基 本 标 签:

创建一个HTML文档 <html></html>

设置文档标题以及其他不在WEB网页上显示的信息 <head></head>

设置文档的可见部分 <body></body>

标 题 标 签

将文档的题目放在标题栏中 <title></title>

文 档 整 体 属 性

设置背景颜色,使用名字或十六进制值 <body bgcolor=?>

设置文本文字颜色,使用名字或十六进制值 <body text=?>

设置链接颜色,使用名字或十六进制值 <body link=?>

设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>

设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?>

文 本 标 签

创建预格式化文本 <pre></pre>

创建最大的标题 <h1></h1>

创建最小的标题 <h6></h6>

创建黑体字 <b></b>

创建斜体字 <i></i>

创建打字机风格的字体 <tt></tt>

创建一个引用,通常是斜体 <cite></cite>

加重一个单词(通常是斜体加黑体) <em></em>

加重一个单词(通常是斜体加黑体) <strong></strong>

设置字体大小,从1到7 <font size=?></font>

设置字体的颜色,使用名字或十六进制值 <font color=?></font>

链 接

创建一个超链接 <a href="URL"></a>

创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>

创建一个位于文档内部的靶位 <a name="NAME"></a>

创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

格 式 排 版

创建一个新的段落 <p>

将段落按左、中、右对齐 <p align=?>

插入一个回车换行符 <br>

从两边缩进文本 <blockquote>

</blockquote>

创建一个定义列表 <dl></dl>

放在每个定义术语词之前 <dt>

放在每个定义之前 <dd>

创建一个标有数字的列表 <ol></ol> type属性 start属性

放在每个数字列表项之前,并加上一个数字 <li>

创建一个标有圆点的列表 <ul></ul> type

放在每个圆点列表项之前,并加上一个圆点 <li>

一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?>

图 形 元 素

添加一个图像 <img src="name">

排列对齐一个图像:左中右或上中下 <img src="name" align=?>

设置围绕一个图像的边框的大小 <img src="name" border=?>

加入一条水平线 <hr>

设置水平线的大小(高度) <hr size=?>

设置水平线的宽度(百分比或绝对像素点) <hr width=?>

创建一个没有阴影的水平线 <hr noshade=“noshade”>

表 格

创建一个表格 <table></table>

开始表格中的每一行 <tr></tr>

开始一行中的每一个格子 <td></td>

设置表格头:一个通常使用黑体居中文字的格子 <th></th>

表 格 属 性

设置围绕表格的边框的宽度 <table border=#>

设置表格格子之间空间的大小 <table cellspacing=#>

设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>

设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %>设置表格格子的水平对齐(左中右) <tr align=?> or <td align=?>

设置表格格子的垂直对齐(上中下) <tr valign=?> or <td valign=?>

设置一个表格格子应跨占的列数(缺省为1) <td colspan=#>

设置一个表格格子应跨占的行数(缺省为1) <td rowspan=#>

禁止表格格子内的内容自动断行回卷 <td nowrap>

窗 框

放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中

<frameset></frameset>

定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <frameset

rows="value,value">

定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <frameset

cols="value,value">

定义一个窗框内的单一窗或窗区域 <frame>

定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗 框 属 性

规定窗框内显示什么HTML文档 <frame src="URL">

命名窗框或区域以便别的窗框可以指向它 <frame name="name">

定义窗框左右边缘的空白大小,必须大于等于1 <frame marginwidth=#>

定义窗框上下边缘的空白大小,必须大于等于1 <frame marginheight=#>

设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto" <frame scrolling=VALUE>

禁止用户调整一个窗框的大小 <frame noresize>

表 单

对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。创建所有表单 <form></form>

创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 <select multiple name="NAME" size=?></select>

设置每个表单项的内容 <option>

创建一个下拉菜单 <select name="NAME"></select>

设置每个菜单项的内容 <option>

创建一个文本框区域,列的数目设置宽度,行的数目设置高度 <textarea name="NAME" cols=40 rows=8></textarea>

创建一个复选框,文字在标签后面 <input type="checkbox" name="NAME">

创建一个单选框,文字在标签后面 <input type="radio" name="NAME" value="x">创建一个单行文本输入区域,size设置以字符计的宽度 <input type=text name="foo" size=20>

创建一个submit(提交)按钮 <input type="submit" value="NAME">

创建一个使用图象的submit(提交)按钮 <input type="image" border=0 name="NAME" src="name.gif">

创建一个reset(重置)按钮 <input type="reset">

HTML标签大全 <!> 跑马灯

<marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

篇三:HTML的常用标签及属性

HTML的常用标签及属性

(1)基本信息标记

HTML标记:<html> </html>

头部标记:<head> </head>

主体标记:<body> </body> 常用属性

background=”url” 背景图片

text=”#rrggbb” 文本颜色

link=”#rrggbb” 超连接的颜色

vlink=”#rrggbb”已访问的超链接的颜色alink=”#rrggbb”当前的超链接的颜色bgcolor=”#rrggbb” 网页背景颜色

leftmargin=n网页左边距

topmargin=n网页上边距

(2)文字设置

标题级别:<hn> </hn> 标题字的大小n取1至6,字逐渐变小

(3)表格设置

表格标记:<table> </table> 常用属性

border表格边框粗细

width 表格宽

bgcolor 表格背景颜色

background表格背景图片

cellpadding单元格边距

cellspacing 单元格间距

<th>和<td>标记的常用属性:

width宽 height高 align水平对齐方式

valign垂直对齐方式 bgcolor背景颜色

background背景图片 bordercolor边框颜色

colspan跨越的列数 rowspan跨越的行数

(4)图片设置

<img src=”图片路径及文件名”> 常用属性:

hspace水平位置 vspace垂直位置 alt注释

(5)背景声音设置

<bgsound src=”声音文件路径及文件名”> 常用属性:Loop

Loop=True 无限次 Loop=False 1次后停止 Loop=6重复6次

⑹ 视频设置

<img dyc=” 视频文件路径及文件名”>,常用属性:width,height,align,loop。

⑺ 超级链接设置

通过文字链接到另一页面:<a href=”链接页面路径及文件名”>链接文字</a>

通过图片链接到另一页面:

< a href=”链接页面路径及文件名”><img src=”图片路径及文件

名”></a>

定义书签:<a name=” 书签名”>书签文字</a> 链接书签:<a href=”URL#书签名”>链接文字</a> ⑻ 框架设置

① 纵向排列多个窗口示例

<frameset cols=30%,20%,50%>

<frame src="A.html">

<frame src="B.html">

<frame src="C.html">

</frameset>

② 横向排列多个窗口示例

<frameset rows=25%,25%,50%>

<frame src="A.html">

<frame src="B.html">

<frame src="C.html">

</frameset>

③ 纵横排列多个窗口示例

<frameset cols=20%,*>

<frame src="A.html">

<frameset rows=40%,*>

<frame src="B.html">

<frame src="C.html">

</frameset> </frameset>

本文来源:https://www.bwwdw.com/article/vbkb.html

Top