免费网页代码大全(HTML代码大全)-片头模版

HTML标记_HTML大全_HTML标记大全_超文本标记语言

网页（WebPage）文件主要是用超文本标记语言（HyperText Markup Language，简称HTML）语句来写成。您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成，用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性，属性及其属性值不分大小写。属性名＝属性值合起来构成一个完整的属性，一个元素可以有多个属性，各个属性用空格分开。元素又由标记(tag)的构成，大多数标记是成对出现的，分起始标记<>(start tag)和结尾标记</>(end tag)，以便和页面的内容区分开来。其写成的文件是标准的ASCII文件，不同于一般的编程语言，故称为脚本（Script）更准确一点。其实也很简单，特别是在专门的HTML编辑器的帮助下，您可以迅速地学会HTML，并能很快写出有自己特色的Homepage来。

需要说明的是：各种浏览器对html元素及其属性的解释不完全一样，如NC与IE是有区别的。

标签内容备注

基本标签所有HTML文件都有的

<html>……</html>表示文件类型为HTML文档

<head>……</head>设置文档描述及其他不在WEB网页上显示的信息

<body>……</body> HTML文档的主体（页面的实际内容）

标题标签

<title>……</title>在标题栏中显示的题目（放在<head></head>内）

扩展属性标签

<base>

基址标签，为解决相对编址作参考值

<META>

将HTTP命令发给CONTENT=number;url允许，描述不包含在标准HTML里的文档信息。使用详解

<link>

提供将现行文档与其它文档或实体关联起来的信息

<ISINDEX>指明在服务器上提供文档的可以检索的索引

页面属性标签<body>……</body>标签的扩展属性。使用详解

<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>强调（通常是斜体加黑体）

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

<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>放在每个圆点列表项之前，并加上一个圆点

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

图形元素

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

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

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

<hr>加入一条水平线

<hr size=value>设置水平线的大小（高度）

<hr width=value>设置水平线的宽度（百分比或绝对像素点）

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

表格

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

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

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

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

表格属性

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

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

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

<table width=value或%>设置表格的宽度－用绝对像素值或文档总宽度的百分比

<tr align=……>设置表格格子的水平对齐（左中右）

<tr valign=……>设置表格格子的垂直对齐（上中下）

<td colspan=value>设置一个表格格子应跨占的列数（缺省为1）

<td rowspan=value>设置一个表格格子应跨占的行数（缺省为1）

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

窗框

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

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

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

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

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

窗框属性

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

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

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

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

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

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

表单对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。

<form>……</form>创建所有表单

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

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

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

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

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

<input type="radio" name="NAME" value="x">创建一个单选框，文字在标签后面

<input type=text name="……" size=value>创建一个单行文本输入区域，size设置以字符计的宽度

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

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

<input type="reset">创建一个reset（重置）按钮

附加属性

<PRE>……</PRE>预置格式风格标签用来显示字体宽度固定的文本块，主要用来在表格格式中显示文本

<TT>……</TT>打字机风格用来显示打字机字体宽度固定的文本

<SAMP>……</SAMP>示例风格以单倍距显示文本

<ADDRESS>……</ADDRESS>地址风格一般用于文档的开始或结尾处，并以斜体格式显示文本。

<DL>……</DL>定义列表风格用来显示术语及其定义

颜色

#=rrggbb 16进制 RGB数值，或者是下列预定义色彩：

Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]

META标签

描述不包含在标准HTML里的文档信息。

本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字搜索到您的主页，了解你的主页内容。

浏览器将在30秒后，自动转到new.htm。您可用它制作一个封面，在若干时间后，自动带读者来到您的目录页。如果URL项没有，浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。

描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。

强制性调用网上的最新版本。浏览器为节约时间，在本地硬盘上保存一个临时文件。在重新调用时，便直接显示那个临时文件。如果您想让读者每次都看到最新的版本，可加上句。[返回本页首部]

LINK

显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：

<LINK REL="stylesheet" href="/style.css">REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。[返回本页首部]

BASE

本文档的原始地址。语法：<BASE HREF="原始地址">当读者下载您的文档后，由此可以知道是从哪里下载的。[返回本页首部]

BODY

BODY标记有一些属性，用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK——文字的颜色。

ALINK：当前激活的连接的文字颜色。

LINK：连接的文字颜色。

TEXT：文字的颜色。

VLINK：参观过的文字颜色。

注意：文字的颜色要和背景色有明显的差别，以便读者浏览。

BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。

BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。

BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）

BGCOLOR：背景色。

注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。

LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）

LEFTMARGIN：左边页边空白。

TOPMARGIN：顶端页边空白。

网页常用HTML代码大全（二）（续)

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

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

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

<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动

<marquee direction=up>...</marquee>向上卷动

<marquee direction=right></marquee>向右卷动

<marquee direction=left></marquee>向左卷动

<marquee loop=2>...</marquee>卷动次数

<marquee width=180>...</marquee>设定宽度

<marquee height=30>...</marquee>设定高度

<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间

1/54

<!>字体效果

<h1>...</h1>标题字(最大)

<h6>...</h6>标题字(最小)

<b>...</b>粗体字

<strong>...</strong>粗体字(强调)

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt>打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

2/54

<listing>...</listing>固定宽度小字体

<font color=00ff00>...</font>字体颜色

<font size=1>...</font>最小字体

<font style=font-size:100 px>...</font>无限增大<!>区断标记

<hr>水平线

<hr size=9>水平线(设定大小)

<hr width=80%>水平线(设定宽度)

<hr color=ff0000>水平线(设定颜色)

<br>(换行)

<nobr>...</nobr>水域(不换行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>连结格式

<base href=地址>(预设好连结路径)

<a href=地址></a>外部连结

<a href=地址 target=_blank></a>外部连结(另开新窗口)<a href=地址 target=_top></a>外部连结(全窗口连结)

3/54

<a href=地址 target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐

<img src=图片地址>贴图

<img src=图片地址 width=180>设定图片宽度

<img src=图片地址 height=30>设定图片高度

<img src=图片地址 alt=提示文字>设定图片提示文字<img src=图片地址 border=1>设定图片边框

<bgsound src=MID音乐文件地址>背景音乐设定

<!>表格语法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=图片路径>...</table>背景图片的URL=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色

4/54

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)

<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<!>分割窗口

1.结构性定义

文件类型<HTML></HTML>（放在档案的开头与结尾）

文件主题<TITLE></TITLE>（必须放在「文头」区块内）

文头<HEAD></HEAD>（描述性资料，像是「主题」）

文体<BODY></BODY>（文件本体）

（由浏览器控制的显示风格）

标题<H?></H?>（从1到6，有六层选择）

标题的对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>

区分<DIV></DIV>

区分的对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）

强调<EM></EM>（通常会以斜体显示）

特别强调<STRONG></STRONG>（通常会以加粗显示）

引文<CITE></CITE>（通常会以斜体显示）

码<CODE></CODE>（显示原始码之用）

样本<SAMP></SAMP>

键盘输入<KBD></KBD>

变数<VAR></VAR>

定义<DFN></DFN>（有些浏览器不提供）

地址<ADDRESS></ADDRESS>

大字<BIG></BIG>

小字<SMALL></SMALL>

与外观相关的标签（作者自订的表现方式）

加粗<B></B>

斜体<I></I>

底线<U></U>（尚有些浏览器不提供）

删除线<S></S>（尚有些浏览器不提供）

下标<SUB></SUB>

上标<SUP></SUP>

打字机体<TT></TT>（用单空格字型显示）

预定格式<PRE></PRE>（保留文件中空格的大小）

预定格式的宽度<PRE WIDTH=?></PRE>（以字元计算）

向中看齐<CENTER></CENTER>（文字与图片都可以）

闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）

字体大小<FONT SIZE=?></FONT>（从1到7）

改变字体大小<FONT SIZE=+|-?></FONT>

基本字体大小<BASEFONT SIZE=?>（从1到7;内定为3）

字体颜色<FONT COLOR='#$$$$$$'></FONT>

2.连结与图形

连结<A href='/URL'></A>

连结到锚点<A HREF='URL#***'></A>（如果锚点在另一个档案）

<A HREF='#***'></A>（如果锚点目前的档案）

连结到目的视框<A href='/URL' TARGET='***'></A>

设定锚点<A NAME='***'></A>

图形<IMG src='/URL'>

图形看齐方式<IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>

图形看齐方式<IMG src='/URL'

取代文字<IMG src='/URL' ALT='***'>（如果没有办法显示图形则显示此文字）

点选图<IMG src='/URL' ISMAP>（需要CGI程式）

N2.0点选图<IMG src='/URL' USEMAP='URL'>

N2.0地图<MAP NAME='***'></MAP>（描述地图）

N2.0段落<AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>

3.0大小<IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels为单位） N1.0图形边缘<IMG src='/URL' BORDER=?>（以pixels为单位）

N1.0图形边缘空间<IMG src='/URL' HSPACE=? VSPACE=?>（以pixels为单位）

N1.0低解析度图形<IMG src='/URL' LOWsrc='/URL'>

N1.1用户端拉<META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自动更新）

N2.0内嵌物件<EMBED src='/URL'>（将物件插入页面）

N2.0内嵌物件大小<EMBED src='/URL' WIDTH='?' HEIGHT='?'>

3.分隔

段落<P>（通常是两个return）

3.0段落<P></P>（新定义成容器型标签）

3.0文字看齐方式<P ALIGN=LEFT|CENTER|RIGHT></P>

换行<BR>（一个return）

N1.0文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）

横线<HR>

N1.0横线对齐<HR ALIGN=LEFT|RIGHT|CENTER>

N1.0横线厚度<HR SIZE=?>（以pixels为单位）

N1.0横线宽度<HR WIDTH=?>（以pixels为单位）

N1.0横线比率宽度<HR WIDTH=%>（以页宽为100%）

N1.0实线<HR NOSHADE>（没有立体效果）

N1.0不可换行<NOBR></NOBR>（不换行）

N1.0可换行处<WBR>（如果需要，可在此断行）

列举（可以巢状列举）

无次序式列举<UL><LI></UL>（<LI>放在每一项前）

N1.0公布式列举<UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）

<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项）

有次序式列举<OL><LI></OL>（<LI>放在每一项前）

N1.0数标型态<OL TYPE=A|a|I|i|1>（定义全部的列举项）

<LI TYPE=A|a|I|i|1>（定义这个及其后的列举项）

N1.0起始数字<OL value=?>（定义全部的列举项）

<LI value=?>（定义这个及其后的列举项）

定义式列举<DL><DT><DD></DL>（<DT>项目,<DD>定义）

表单式列举<MENU><LI></MENU>（<LI>放在每一项前）

目录式列举<DIR><LI></DIR>（<LI>放在每一项前）

背景与颜色

3.0重复排列的背景<BODY background='/URL'>

N1.1+背景颜色<BODY BGCOLOR='#$$$$$$'>（依序为红、绿、蓝）

N1.1+文字颜色<BODY TEXT='#$$$$$$'>

N1.1+连结颜色<BODY LINK='#$$$$$$'>

N1.1+看过的连结<BODY VLINK='#$$$$$$'>

N1.1使用中的连结<BODY ALINK='#$$$$$$'>

4.特殊字元（以下标签需用小写）

特别符号&#?;（其中?代表 ISO 8859-1的编码）

<<>>&&''

注册商标TM?

N1.0+注册商标TM?

著作权符号?

N1.0+著作权符号?

5.表单（通常需要与CGI程式配合）

定义表单<FORM ACTION='URL' METHOD=GET|POST></FORM>

N2.0上传档案<FORM ENCTYPE='multipart/form-data></FORM>

栏位名称<INPUT NAME='***'>

栏位内定值<INPUT value='***'>

已选定<INPUT CHECKED>（适用於checkboxes与 radio boxes）

栏位宽度<INPUT SIZE=?>（以字元数为单位）

最长字数<INPUT MAXLENGTH=?>（以字元数为单位）

下拉式选单<SELECT></SELECT>

下拉式选单名称<SELECT NAME='***'></SELECT>

选单项目数量<SELECT SIZE=?></SELECT>

多选式选单<SELECT MULTIPLE>（多选）

选项<OPTION>

内定选项<OPTION SELECTED>

文字输入区<TEXTAREA ROWS=? COLS=?></TEXTAREA>

输入区名称<TEXTAREA NAME='***'></TEXTAREA>

N2.0输入区换行方式<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

6.表格

3.0定义表格<TABLE></TABLE>

3.0表格框线<TABLE BORDER></TABLE>（有或没有）

N1.1表格框线<TABLE BORDER=?></TABLE>（可以设定数值）

N1.1储存格左右留白<TABLE CELLSPACING=?>

N1.1储存格上下留白<TABLE CELLPADDING=?>

N1.1表格宽度<TABLE WIDTH=?>（以pixels为单位）

N1.1宽度比率<TABLE WIDTH=%>（页宽为100%）

3.0表格列<TR></TR>

3.0表格列内容看齐<TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

3.0储存格<TD></TD>（须与列并用）

3.0储存格内容看齐<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

3.0不换行<TD NOWRAP>

N3.0储存格背景颜色<TD BGCOLOR=#$$$$$$>

3.0储存格横向连接<TD COLSPAN=?>

3.0储存格纵向连接<TD ROWSPAN=?>

N1.1储存格宽度<TD WIDTH=?>（以pixels为单位）

N1.1储存格宽度比率<TD WIDTH=%>（页宽为100%）

3.0表格标题<TH></TH>（跟<TD>一样，不过会对中并加粗）

3.0表格标题对齐<TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

3.0表格标题不换行<TH NOWRAP>

3.0表格标题占几栏<TH COLSPAN=?>

3.0表格标题占几列<TH ROWSPAN=?>

N1.1表格标题宽度<TH WIDTH=?>（以pixels为单位）

N1.1表格标题比率宽度<TH WIDTH=%>（页宽为100%）

3.0表格抬头<CAPTION></CAPTION>

3.0表格抬头看齐<CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）

视框（定义与控制萤幕上的特定区域）

N2.0视框格式总定义<FRAMESET></FRAMESET>（取代<BODY>）

N2.0视框行长度分配<FRAMESET ROWS=,,,></FRAMESET>（pixels或%）

N2.0视框行长度分配<FRAMESET ROWS=*></FRAMESET>（*=相对大小）

N2.0视框栏宽度分配<FRAMESET COLS=,,,></FRAMESET>（pixels或%）

N2.0视框栏宽度分配<FRAMESET COLS=*></FRAMESET>（*=相对大小）

N2.0定义个别视框<FRAME>（定义个别视框）

N2.0个别视框内容<FRAME src='/URL'>

N2.0个别视框名称<FRAME NAME='***'|_blank|_self|_parent|_top>

N2.0边缘宽度<FRAME MARGINWIDTH=?>（「左」与「右」边界）

N2.0边缘高度<FRAME MARGINHEIGHT=?>（「天顶」与「地底」边界）

N2.0卷动条<FRAME SCROLLING='YES|NO|AUTO'>

N2.0不可改变大小<FRAME NORESIZE>

N2.0无视框时的内容<NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）

7.杂项

说明（浏览器不会显示）

转载请注明：片头模版 » 免费网页代码大全(HTML代码大全)

片头模版

免费网页代码大全(HTML代码大全)

与本文相关的文章

Hi，您需要填写昵称和邮箱！

网友最新评论 ()