大拇指CMS-数据中心

当前位置：网站首页-建站教程-简单实用的HTML代码
详细教程：
简单实用的HTML代码
 

一、HTML各种命令的代码：
1、文本标签(命令)
<pre></pre>　　　　　　　　　创建预格式化文本
<h1></h1>　　　　　　　　　　创建最大的标题
<h6></h6>　　　　　　　　　　创建最小的标题
<b></b>　　　　　　　　　　　创建黑体字
<i></i>　　　　　　　　　　　创建斜体字
<tt></tt>　　　　　　　　　　创建打字机风格的字体
<cite></cite>　　　　　　　　创建一个引用,通常是斜体
<em></em>　　　　　　　　　　加重一个单词（通常是斜体加黑体）
<strong></strong>　　　　　　加重一个单词（通常是斜体加黑体）
<font size=?></font> 　　　　设置字体大小，从 1 到 7
<font color=?></font>　　　　设置字体的颜色,使用名字或十六进制值
2、图形(命令)
<img src="name"> 　　　　　　添加一个图像
<img src="name" align=?> 　　排列对齐一个图像:左中右或上中下
<img src="name" border=?>　　设置围绕一个图像的边框的大小
<hr> 　　　　　　　　　　　　加入一条水平线
<hr size=?>　　　　　　　　　设置水平线的大小（高度）
<hr width=?> 　　　　　　　　设置水平线的宽度（百分比或绝对像素点）
<hr noshade> 　　　　　　　　创建一个没有阴影的水平线


3、链接(命令)
<a href="URL"></a> 　　　　　创建一个超链接
<a href="mailto:EMAIL"></a>　创建一个自动发送电子邮件的链接
<a name="NAME"></a>　　　　　创建一个位于文档内部的靶位
<a href="#NAME"></a> 　　　　创建一个指向位于文档内部靶位的链接

4、格式排版(命令)
<p>　　　　　　　　　　　　　创建一个新的段落
<p align=?>　　　　　　　　　将段落按左、 中、 右对齐
<br> 　　　　　　　　　　　　插入一个回车换行符
<blockquote></blockquote>　　从两边缩进文本
<dl></dl>　　　　　　　　　　创建一个定义列表
<dt> 　　　　　　　　　　　　放在每个定义术语词之前
<dd> 　　　　　　　　　　　　放在每个定义之前
<ol></ol>　　　　　　　　　　创建一个标有数字的列表
<li> 　　　　　　　　　　　　放在每个数字列表项之前，并加上一个数字
<ul></ul>　　　　　　　　　　创建一个标有圆点的列表
<li> 　　　　　　　　　　　　放在每个圆点列表项之前，并加上一个圆点
<div align=?>　　　　　　　　一个用来排版大块HTML 段落的标签，也用于格式化表

二、HTML基本语法

文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字体大小<basefont size>(取值范围从1到7，默认值为3)
改变字体大小<font size=?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=?></font>(?=宋体，楷体等)
网址链结<a href="URL"></a>
设定锚点<a name="?"></a>(?以容易记为原则)
链结到锚点<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(锚点不同文件)
显示图形<img src="URL"></a>
图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL" width=? height=?>(?以像素为单位)
连结图形边线<img src="URL"border=?>(?以像素为单位)
图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)

三、具体在做html文件前,我们还有哪些需要做的：

1、网页图象一般有什么要求？
　　受网络传输速度制约，图象要尽量小。一般每幅最大不要20K。
图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适，因为里面包含许多色彩的缓和变化。不管是哪种，做好后都应压缩以给图片减肥，但不要压得太多而失真。压缩可用JPEG Optimizer或Image Optimizer两种工具，若用photoshop5.5做的图象，保存时直接用Save For Web可进行压缩。另外，Gif格式可作成动画。

2、选择图片的网络存储空间
　　建议各位卖家们事先可以找一个稳定的空间来存放你的图片，以确保你的买家随时可以看到精美漂亮的商品。注意：不要把图片存放在免费相册里，因为这些相册的路径一般都是虚拟的，每一次浏览的URL都会改变，这对我们卖家来说是非常不好的。
另外要注意的一点是：有一些买家反映看到的卖家商品的图片是小叉叉，这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中，这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉！所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片！

四、练习的例子：（红色字体部分即可修改成你自己的自定义）

第一：用HTML来插入一个图片，
<img src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">

第二：用HTML来插入一个URL，
<a href="http://www.cyberhome.cn/images/girl/PLMM_F.jpg">点击我进入</a>

第三：插入url的同时，插入图片，点击图片就可以进入这个url，如做一个插入网园淘艺坊的图片链接代码： <a href="http://taobao.cyberhome.cn/"><img src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg"></a>

第四：插入一段音乐
高山流水：<embed src="http://www.cyberhome.cn/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>

何日君再来：<a href="http://202.108.23.172/m?ct=134217728&tn=baidumt, 何日君再来 &word=mp3, http://lib.jiutai.org/longresdemo/fWJjZGVmZ2hhYmVlbWhpbjE$.mp3,, [%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4]&si = %BA%CE%C8%D5%BE%FD%D4%D9%C0%B4;; %B5%CB%C0%F6%BE%FD&lm = 16777216">何日君再来</a>

HTML特效代码大全
1)贴图：<img src="图片地址">
2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

消除连接的下划线在新窗口打开连接：

<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>

4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>

5)字体加粗：<b>写上你想写的字</b>

6)字体斜体：<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐：<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">

14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行：<br>

17)段落：<p>段落</p>

18)原始文字样式：<pre>正文</pre>

19)换帖子背景：<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body
bgproperties=fixed>

21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>

HTML特效代码1。忽视右键
　 <body oncontextmenu="return false">
　 或
　 <body style="overflow-y:hidden">
2。加入背景音乐
　 IE:<bgsound src="*.mid" loop=infinite>
　 NS:<embed src="*.mid" autostart=true hidden=true loop=true>
　 </embed>
　 *.mid你的背景音乐的midi格式文件
3。简单的window.open方法
　 <a href="#"
　 onclick="javascript :window.open(文件路径/文件名,newwindow,
　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
　 width=400,height=300);">文字或图片</a>
　 参数解释：
　 <SCRIPT LANGUAGE="javascript"> js脚本开始；
　 window.open 弹出新窗口的命令；
　 文件路径/文件名 弹出窗口的文件名；
　 newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；
　 width=400 窗口宽度；
　 height=300 窗口高度；
　 top=0 窗口距离屏幕上方的象素值；
　 left=0 窗口距离屏幕左侧的象素值；
　 toolbar=no 是否显示工具栏，yes为显示；
　 menubar，scrollbars 表示菜单栏和滚动栏。
　 resizable=no 是否允许改变窗口大小，yes为允许；
　 location=no 是否显示地址栏，yes为允许；
　 status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
　 </SCRIPT> js脚本结束
4。简单的页面加密
　 <script LANGUAGE="javascript">
　 <!--
　 function loopy(){
　　 var sWord ="";
　　 while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
　　 alert("登陆成功！");
　 }
　 loopy()
　 //-->
　 </script>
5。拉动页面时背景图不动
　 <style>
　 body{background-image:url(logo.gif);
　 background-repeat:no-repeat;background-position:center}
　 </style>
6。让浏览器在保存页面时保存失败
　 <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
7。随机替换图片
　 <script>
　 document.write(<img src="img/+parseInt(Math.random()*(5))
　 +.gif"height="40" width="50">
　 </script>
　 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定时关闭
　 先将如下代码网页文件的区：
　 <script language="javascript">
　 function closeit() { setTimeout("self.close()",10000) //毫秒 }
　 </script>
　 然后再在<body>标内加入如：<body onload="closeit()">
9。网页自动关闭
　 <html>
　 <head>
　 <object id=closes type="application/x-oleobject"
　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
　 <param name="Command" value="Close">
　 </object>
　 </head>
　 <body onload="window.setTimeout(closes.Click(),10000)">
　 这个窗口会在10秒过后自动关闭,而且不会出现提示.
　 </body>
　 </html>
10。网页自动刷新
　 在head部记入
　 <META HTTP-EQUIV="Refresh" content="20">
　 其中20为20秒后自动刷新，你可以更改为任意值。
11。网页自动转页
　 <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">
12。保持layer在最前面，而不被Iframe、Object所覆盖
　 在Layer中再插Iframe 或 Object 设z-Index值
　 <div z-Index:2><object xxx></object> ＃ 前面
　 <div z-Index:1><object xxx></object> ＃ 后面
　 <div id="Layer2" style="position:absolute; top:40;width:400px;
　 height:95px;z-index:2"> height=100% width=100%>
　 <iframe width=0 height=0></iframe>
　 </div>
　 <div id="Layer1" style="position:absolute; top:50;width:200px;
　 height:115px;z-index:1">
　 <iframe height=100% width=100%></iframe>
　 </div>
13。返回上一页
　 <a href=javascript :history.back(1)>『返回上一页』</a>
14。关闭窗口
　 <a href=javascript :self.close()>『关闭窗口』</a>
15。关于iframe的透明背景
　 <IFRAME ID="iFrame1" SRC="iframe.htm"
　 allowTransparency="true"
　 style="background-color: green"></IFRAME>
16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
17. <body onselectstart="return false"> 取消选取、防止复制
18.onpaste="return false" 不准粘贴
19.oncopy="return false;" oncut="return false;" 防止复制
20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

22. <input style="ime-mode:disabled"> 关闭输入法

23. 永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

24. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

25. 网页将不能被另存为

<noscript><iframe src=*.html></iframe></noscript>

26. 查看网页源代码

<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

27.删除时确认

<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>

28.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

29. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

30.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea>

31.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

32.怎样去掉图片链接点击后，图片周围的虚线？

<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

33.电子邮件处理提交表单

<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain">
<input type=submit>
</form>

34.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

35.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

37. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

38. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

39. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

40.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

41. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

42. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

43.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors; // -->
</SCRIPT>

44.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
45. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中

……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ }
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")}
run()</script>

46. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单：
<script LANGUAGE="JavaScript">
function click() { if (event.button==2)
{alert(呵呵，不好意思，你甭想使用右键下载图片：）); } } document.onmousedown=click
</script>

48、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件——另存为菜单另存。
<script language="javascript">
<!--
function testclip(){
try {
if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))
{
null;
}
}
catch(e){
clipboardData.setData("Text","")
}
setTimeout("testclip()",500)
}
testclip();
//-->
</script>


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'
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='?'>
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 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>
内定选项 <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.杂项
说明 <!-- *** --> （浏览器不会显示