网页HTML中各个代码意思大全
网页HTML中各个代码意思大全
网页HTML代码中的h1,p,a,tr,td……分别代表什么意思?相信还有很多人都不太了解,现在我们就具体讲一下它们的意思及用法:h1 一级标题,
h2 二级标题,
p 段落,
a 超连接,
tr 表格 行,
td 表格 列,
li 标签定义列表,
ul 标签定义列表中的无序列表
这些都是HTML中的常用标签 他们都有特定的定义
没有英文全名
HTML标签详解
结构
<html>
<head>
<title>标题</title>
</head>
<body>
..........文件内容..........
</body>
</html>
1.文件标题
<title>..........</title>
2.文件更新--<meta>
【1】10秒后自动更新一次
<meta http-equiv="refresh" content=10>
【2】10秒后自动连结到另一文件
<meta http-equiv="refresh" content="10;URL=欲连结文件之URL">
3.查询用表单--<isindex>
若欲设定查询栏位前的提示文字:
<isindex prompt="提示文字">
4.预设的基准路径--<base>
<base href="放置文件的主机之URL">
版面
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
【2】指定字型 <font face="字型名称">..........</font>【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行 <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p
align="#">之后的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>?<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的宽度 <hr size=点数或百分比>
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
【5】实心分隔线 <hr noshade>
17.向中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景图案 -- background <body background="图形文件名">【3】设定背景图案不会卷动 -- bgproperties <body
bgproperties=fixed>
【4】文件内容文字的颜色 -- text <body text=#rrggbb>
【5】超连结文字颜色 -- link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>20.注解 <!--..........-->21.特殊字元表示法
符 号 语法
< &lt
> &gt
& &amp
" &quot
空白 &nbsp
图片
1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- width?height <img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace?hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名" alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名">P.S.两个图的图形大小最好一致
7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>
【1】定义形状 -- shape
shape=rect:矩形 shape=circle:圆形
shape=poly:多边形
【2】定义区域 -- coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly
coords=232,70,285,70,300,90,250,90,200,78 href="URL">
表格
1.定义表格 <table>..........</table>
【1】设定边框的厚度 -- border
<table border=点数>
【2】设定格线的宽度 -- cellspacing
<table cellspacing=点数>
【3】设定资料与格线的距离 -- cellpadding
<table cellpadding=点数>
【4】调整表格宽度 -- width
<table width=点数或百分比>
【5】调整表格高度 -- height
<table height=点数或百分比>
【6】设定表格背景色彩 -- bgcolor
<table bgcolor=#rrggbb>
【7】设定表格边框色彩 -- bordercolor
<table bordercolor=#rrggbb>
2.显示格线 <table border>
3.表格标题
<caption>..........</caption>
表格标题位置 -- align
<caption align="#"> #号可为 top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
4.定义列 <tr>
5.定义栏位 《1》<td>:靠左对齐
《2》<th>:靠中对齐?粗体
【1】水平位置 -- align <th align="#">
#号可为 left:向左对齐
center:向中对齐 right:向右对齐
【2】垂直位置 -- align <th align="#"> #号可为
top:向上对齐 middle:向中对齐
bottom:向下对齐
【3】栏位宽度 -- width
<th width=点数或百分比>
【4】栏位垂直合并 -- rowspan
<th rowspan=欲合并栏位数>
【5】栏位横向合并 -- colspan
<th colspan=欲合并栏位数>
清单
一、目录式清单
<dir> <li>项目1 <li>项目2 <li>项目3 </dir> P.S.目录式清单每一个项目不能超过20个字元(即10个中文字)
二、选项式清单 <menu> <li>项目1 <li>项目2 <li>项目3
</menu>
三、有序号的清单 <ol> <li>项目1 <li>项目2 <li>项目3
</ol>
【1】序号形式 -- type <ol type=#>或<li type=#> #号可为 A:表以大写英文字母A?B?C?D...做为项目编号 a:表以小写英文字母a?b? c?d...做为项目编号 I:表以大写罗马数字做为项目编号 i:表以小写罗马数字做为项目编号 1:表以阿拉伯数字做为项目编号(预设值)【2】起始数字 -- start <ol start=欲开始计数的序数>
【3】指定编号 -- value <li value=欲指定的序数>
四、无序号的清单 <ul> <li>项目1 <li>项目2 <li>项目3
</ul>
【1】项目符号形式 -- type <ul type=#>或<li type=#> #号可为disc:实心圆点(预设值) circle:空心圆点 square:实心方块【2】原始清单 -- plain <ul plain>
【3】清单排列方式 -- warp 《1》清单垂直排列 <ul warp = vert>《2》清单水平排列 <ul warp = horiz>
五、定义式清单 <dl> <dt>项目1 <dd>项目1说明 <dt>项目2<dd>项目2说明 <dt>项目3 <dd>项目3说明</dl>
紧密排列 -- compact <dl compact> P.S.如此可使<dt>的内容与<dd>的内容在同一行,仅以数格空白相隔而不换行,但若<dt>的文
字超过一 定的长度后,compact的作用就消失了!
表单
一、基本架构 <form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"> .......... .......... .......... </form>
二、输入文件型表单 <form action="URL" method="post"> <input > <input> .......... .......... </form>
【1】栏位类型 -- type <input type=#> #号可为 text:文字输入password:密码 checkbox:多选钮 radio:单选钮 submit:接受按钮reset:重设按钮 image:图形钮 hidden:隐藏栏位
【2】栏位名称 -- name <input name="资料栏名"> P.S.若type为submit?reset则name不必设定
【3】文件上的预设值 -- value <input value="预设之字串">【4】设定栏位的宽度 -- size <input size=字元数>
【5】限制最大输入字串的长度 -- maxlength <input maxlength=字元数>
【6】预设checkbox或radio的初值 -- checked <input
type=checkbox checked><input type=radio checked>
【7】指定图形的URL -- src <input type=image src="图档名">【8】图文对齐 -- align <input type=image align="#"> #号可为top:文字对齐图片之顶端 middle:文字对齐图片之中间 buttom:文字对齐图片之底部
三、选择式表单 <form action="URL" method="post"> <select><option><option> .......... .......... </select> </form >
A、<select>的属性
【1】栏位名称 -- name <select name="资料栏位名">
【2】设定显示的选项数 -- size <select size=个数>
【3】多重选项 -- multiple <select multiple>
B、<option>的属性
【1】定义选项的传回值 -- value <option value="传回值">
【2】预先选取的选项 -- selected <option selected>
四、多列输入文字区表单 <form action="URL" method="post"> <textarea> .......... .......... </textarea> </form>
【1】文字区的变数名称 -- name <textarea name=变数名称>
【2】设定文字输入区宽度 -- cols <textarea cols=字元数>
【3】设定文字输入区高度 -- rows <textarea rows=列数>
【4】输入区设定预设字串 <textarea> 预设文字 </textarea>【5】自动换行与否 -- wrap <textarea wrap=#> #号可为 off:表输入的文字超过栏宽时,不会自动换行(预设值) virtual:表输入的文字在超过栏宽时会自动换行
链接
一、连结至其他文件 <a href="URL">说明文字或图片</a>
二、连结至文件内之某一处(外部连结)
《1》起点
<a href="档名#名称">..........</a>
《2》终点 <a name="名称">
三、frame的超连结
【1】开启新的浏览器来显示连结文件 -- _blank <a href="URL" target=_blank>
【2】显示连结文件於目前的frame -- _self <a href="URL"
target=_self>
【3】以上一层的分割视窗显示连结文件 -- _parent <a href="URL" target=_parent>
【4】以全视窗显示连结文件 -- _top <a href="URL" target=_top>【5】以特定视窗显示连结文件 --<a href="URL" target="特定视窗名称">
FRAME
一、分割视窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 -- rows
<frameset rows=#> #号可为点数:如欲分割为100,200,300三个视窗,则
<frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各 项总和最好为100%
【2】水平(左右)分割 -- cols <frameset cols=点数或百分比>二?指定视窗内容 -- <frame>
<frameset cols=30%,70%> <frame> <frame>
</frameset>
【1】指定视窗的文件名称 -- src <frame src=HTML档名>
【2】定义视窗的名称 -- name
<frame name=视窗名称>
【3】设定文件与上下边框的距离 -- marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 -- marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 -- scrolling
<frame scrolling=#> #号可为 yes:固定出现卷轴
no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)【6】锁住分割视窗的大小 -- noresize <frame noresize>
HTML
标签定义和用法
标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分:
、
、、
等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html 语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。 4.
网页HTML中各个代码意思大全
网页HTML中各个代码意思大全 网页HTML代码中的h1,p,a,tr,td……分别代表什么意思?相信还有很多人都不太了解,现在我们就具体讲一下它们的意思及用法: h1 一级标题, h2 二级标题, p 段落, a 超连接, tr 表格行, td 表格列, li 标签定义列表, ul 标签定义列表中的无序列表 这些都是HTML中的常用标签他们都有特定的定义 没有英文全名 HTML标签详解 结构 <html> <head> <title>标题</title> </head> <body> ..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】10秒后自动连结到另一文件 <meta http-equiv="refresh" content="10;URL=欲连结文件之URL"> 3.查询用表单--<isindex> 若欲设定查询栏位前的提示文字: <isindex prompt="提示文字"> 4.预设的基准路径--<base> <base href="放置文件的主机之URL"> 版面 1.标题文字<h#>..........</h#> #=1~6;h1为最大字,h6为最小字 2.字体变化<font>..........</font> 【1】字体大小<font size=#>..........</font> #=1~7;数字愈大字也愈大 【2】指定字型<font face="字型名称">..........</font>
网页html代码大全
常用HTML代码解释 一、文字 1.标题文字.......... 10.下标字.......... 11.上标字.......... 12.文字闪烁效果 13.换行(也称回车)
14.分段 15.文字的对齐方向
#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.
之后的文字都会以所设的对齐方式显示,直到出现另一个
改变其对齐方向,遇到
或
网页设计代码大全
段落标记background:网页背景图像… bgcolor:网页背景颜色align:left right center text:字体颜色强制换行标记link:可链接文字的色彩alink:被鼠标点中时可链接文字的颜色预排格式标记vlink:已经单击过的可链接文字的颜色 leftmargin:页面左边距插入水平线标记topmargin:页面上边距
Vlink:已经单击过的可链接文字的颜色文本缩标记Leftmargin:页面左边距
…Topmargin:页面上边距列表标记 标题格式标记 1.无序
- align:left(左) right(右) center(中)
- 列1 bottom(底) top(顶)
- 列2文字格式标记……… color=“颜色”>文字 type:disc● circle○ square■字形设置标记 2.有序字形 粗 字形 下划线
- 字形 斜 字形文字增大
- 列1
字形删除线 - 列2 字形 文字减小………字形 上标 字形下标
字形 闪烁 字形斜 - 条目1
- 条目1的说明字形 特别强调………
网页错误代码大全
《网页错误代码大全》 错误代码:400 400错误是由于不正确的请求造成的,说明正在搜索的网页可能已经删除、更名或暂时不可用。 错误代码:401.1 401.1错误是由于登陆失败造成的,说明没有权限查看该目录或网页。 错误代码:401.2 401.2错误是由于服务器配置问题而导致登陆失败, 由于服务器端脚本未能正确发送 WWW 身份验证头文件字段。如果要通过 Active Server Pages 脚本完成此项任务,可以使用 "Response" 对象的 "AddHeader" 方法来要求客户端用特定身份验证方法访问资源。 错误代码:401.3 401.3错误是由于资源上的 ACL 导致未被授权而无权访问网页或目录。 错误代码:401.4 401.4错误是由于筛选器导致授权失败。如果 Web 服务器安装了筛选器程序以检查连接到服务器的用户。该筛选器程序能够禁止通过连接到服务器的身份验证来访问资源。 错误代码:401.5 401.5错误是由于 ISAPI/CGI 应用程序导致授权失败。如果所要访问的 Web 服务器地址上安装了 ISAPI 或 CGI 程序用于在继续执行之前检验用户证书。该程序能够禁止通过连接到服务器的身份验证证书来访问资源。
错误代码:403.1 403.1错误是由于 " 执行 " 访问被禁止而造成的,若试图从目录中执行 CGI 、ISAPI 或其他可执行程序,但该目录不允许执行程序时便会出现此种错误。 错误代码:403.2 403.2错误是由于 " 读取 " 访问被禁止而造成的。导致此错误是由于没有可用的默认网页并且没有对目录启用目录浏览,或者要显示的 HTML 网页所驻留的目录仅标记为 " 可执行 " 或 " 脚本 " 权限。 错误代码:403.3 403.3错误是由于 " 写入 " 访问被禁止而造成的,当试图将文件上载到目录或在目录中修改文件,但该目录不允许 " 写 " 访问时就会出现此种错误。 错误代码:403.4 403.4错误是由于要求 SSL 而造成的,您必须在要查看的网页的地址中使用"https" 。 错误代码:403.5 403.5错误是由于要求使用 128 位加密算法的 Web 浏览器而造成的, 如果您的浏览器不支持 128位加密算法就会出现这个错误,您可以连接微软网站进行浏览器升级。 错误代码:403.6 403.6错误是由于 IP 地址被拒绝而造成的。如果服务器中有不能访问该站点的 IP 地址列表, 并且您使用的 IP 地址在该列表中时您就会返回这条错误信息。 错误代码:403.7
html常用代码大全
HTML 常用代码大全 Html 常用代码 1.文件类型 (放在档案的开头与结尾) 2.文件主题
(必须放在「文头」区块内) 3.文头 (描述性资料,像是「主题」) 4.文体 (文件本体) 5.层 6.层的对齐 7.引文区块 (通常会内缩) 8.强调 (通常会以斜体显示) 9.特别强调 (通常会以加粗显示) 10 引文 (通常会以斜体显示) 11 码 (显示原始码之用) 12 小字 13 下标 14 上标 15 居中
(文字与图片都可以) 16 基本字体大小 (?从 1 到 7; 内定为 3) 17 说明 (浏览器不会显示) 18 贴图: 19 加入连接:写上你想写的字 20 在新窗口打开连接:写上要写的字 21 移动字体(走马灯): 22 字体加粗:写上你想写的字 23 字体斜体:写上你想写的字 网页设计 html 代码 标签 大全
1.结构性定义 文件类型(放在档案的开头与结尾) 文件主题
(必须放在「文头」区块内) 文头(描述性资料,像是「主题」) 文体(文件本体) (由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分 区分的对齐 引文区块(通常会内缩) 强调(通常会以斜体显示) 特别强调(通常会以加粗显示) 引文(通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义(有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式)
加粗 斜体 底线(尚有些浏览器不提供) 删除线
(保留文件中空格的大小) 预定格式的宽度(以字元计算)向中看齐(尚有些浏览器不提供) 下标 上标 打字机体(用单空格字型显示) 预定格式(文字与图片都可以) 闪耀(有史以来最被嘲弄的标签) 字体大小(从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3)字体颜色 说明(浏览器不会显示) - 列1