html语言代码大全范文(HTML代码大全)

admin 290 0

大家好,关于html语言代码大全范文很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于HTML代码大全的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!

一、急求!!!网页设计 HTML代码大全

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

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

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

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

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

6、<body>……</body> HTML文档的主体(页面的实际内容)

7、<title>……</title>在标题栏中显示的题目(放在<head></head>内)

8、基址标签,为解决相对编址作参考值

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

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

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

12、<style>……</style>允许包含样式表(CSS)信息

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

14、<body bgcolor=#……>设置背景颜色,用名字或十六进制值

15、<body text=#……>设置文本文字颜色,用名字或十六进制值

16、<body link=#……>设置链接颜色,用名字或十六进制值

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

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

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

20、<h1>……</h1>创建最大的标题

21、<h6>……</h6>创建最小的标题

22、<b>……</b>创建黑体字

23、<i>……</i>创建斜体字

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

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

26、<em>……</em>加重(通常是斜体加黑体)

27、<strong>……</strong>强调(通常是斜体加黑体)

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

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

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

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

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

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

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

35、<blockquote>……</blockquote>从两边缩进文本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

57、<tr align=……>设置表格格子的水平对齐(左中右)

58、<tr valign=……>设置表格格子的垂直对齐(上中下)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

90、#=rrggbb 16进制 RGB数值,或者是下列预定义色彩:

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

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

93、<META NAME="keywords" CONTENT="yourkeyword">

94、<META NAME="description" CONTENT="your homepage's description">

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

96、<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">

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

98、<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

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

100、<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

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

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

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

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

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

106、ALINK:当前激活的连接的文字颜色。

107、注意:文字的颜色要和背景色有明显的差别,以便读者浏览。

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

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

110、BGPROPERTIES:设置成FIXED,则背景图案不滚动。(只对INTERNET EXPLORER有效)

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

112、LEFTMARGIN、TOPMARGIN——页边空白。(只对INTERNET EXPLORER有效)

二、求html代码大全 要详细的~~

下面是常用的html代码,按字母顺序排列。希望能帮到你。祝福你,朋友!

DTD:指示在哪种 XHTML 1.0 DTD中允许该标签。S=Strict, T=Transitional, F=Frameset.

<!--...-->定义注释。 STF

<!DOCTYPE>定义文档类型。 STF

<acronym>定义只取首字母的缩写。 STF

<address>定义文档作者或拥有者的联系信息。 STF

<applet>不赞成使用。定义嵌入的 applet。 TF

<area>定义图像映射内部的区域。 STF

<base>定义页面中所有链接的默认地址或默认目标。 STF

<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 TF

<blockquote>定义长的引用。 STF

<body>定义文档的主体。 STF

<br>定义简单的折行。 STF

<button>定义按钮(push button)。 STF

<caption>定义表格标题。 STF

<center>不赞成使用。定义居中文本。 TF

<cite>定义引用(citation)。 STF

<code>定义计算机代码文本。 STF

<col>定义表格中一个或多个列的属性值。 STF

<colgroup>定义表格中供格式化的列组。 STF

<dd>定义定义列表中项目的描述。 STF

<del>定义被删除文本。 STF

<dir>不赞成使用。定义目录列表。 TF

<div>定义文档中的节。 STF

<dt>定义定义列表中的项目。 STF

<fieldset>定义围绕表单中元素的边框。 STF

<font>不赞成使用。定义文字的字体、尺寸和颜色。 TF

<form>定义供用户输入的 HTML表单。 STF

<frame>定义框架集的窗口或框架。 F

<frameset>定义框架集。 F

<h1> to<h6>定义 HTML标题。 STF

<head>定义关于文档的信息。 STF

<html>定义 HTML文档。 STF

<iframe>定义内联框架。 TF

<input>定义输入控件。 STF

<ins>定义被插入文本。 STF

<isindex>不赞成使用。定义与文档相关的可搜索索引。 TF

<label>定义 input元素的标注。 STF

<legend>定义 fieldset元素的标题。 STF

<li>定义列表的项目。 STF

<link>定义文档与外部资源的关系。 STF

<menu>不赞成使用。定义菜单列表。 TF

<meta>定义关于 HTML文档的元信息。 STF

<noframes>定义针对不支持框架的用户的替代内容。 TF

<noscript>定义针对不支持客户端脚本的用户的替代内容。 STF

<object>定义内嵌对象。 STF

<optgroup>定义选择列表中相关选项的组合。 STF

<option>定义选择列表中的选项。 STF

<param>定义对象的参数。 STF

<pre>定义预格式文本。 STF

<s>不赞成使用。定义加删除线的文本。 TF

<samp>定义计算机代码样本。 STF

<script>定义客户端脚本。 STF

<select>定义选择列表(下拉列表)。 STF

<small>定义小号文本。 STF

<span>定义文档中的节。 STF

<strike>不赞成使用。定义加删除线文本。 TF

<strong>定义强调文本。 STF

<style>定义文档的样式信息。 STF

<tbody>定义表格中的主体内容。 STF

<td>定义表格中的单元。 STF

<textarea>定义多行的文本输入控件。 STF

<tfoot>定义表格中的表注内容(脚注)。 STF

<th>定义表格中的表头单元格。 STF

<thead>定义表格中的表头内容。 STF

<title>定义文档的标题。 STF

<tr>定义表格中的行。 STF

<tt>定义打字机文本。 STF

<u>不赞成使用。定义下划线文本。 TF

<var>定义文本的变量部分。 STF

<xmp>不赞成使用。定义预格式文本。

三、html代码大全

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

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

文头<HEAD></HEAD>(描述性资料,像是「主题」)

文体<BODY></BODY>(文件本体)

标题<H?></H?>(从1到6,有六层选择)

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

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

引文区块<BLOCKQUOTE></BLOCKQUOTE>(通常会内缩)

强调<EM></EM>(通常会以斜体显示)

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

引文<CITE></CITE>(通常会以斜体显示)

码<CODE></CODE>(显示原始码之用)

键盘输入<KBD></KBD>

定义<DFN></DFN>(有些浏览器不提供)

地址<ADDRESS></ADDRESS>

小字<SMALL></SMALL>

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

底线<U></U>(尚有些浏览器不提供)

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

打字机体<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>

连结<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'

ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>

取代文字<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='?'>

段落<P>(通常是两个return)

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

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

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

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的编码)

5.表单(通常需要与CGI程式配合)

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

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

输入栏位<INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>

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

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

已选定<INPUT CHECKED>(适用於checkboxes与 radio boxes)

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

最长字数<INPUT MAXLENGTH=?>(以字元数为单位)

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

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

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

多选式选单<SELECT MULTIPLE>(多选)

内定选项<OPTION SELECTED>

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

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

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

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>

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>(如果浏览器不提供视框功能的话)

说明<!--***-->(浏览器不会显示)

END,本文到此结束,如果可以帮助到大家,还望关注本站哦!