网页html代码大全

合集下载

网页设计HTML代码大全

FACE 指定默认字体
ID=ID 唯一的ID
>
<BASE 定义文档的默认URL基准和默认目标框架(唯一)
HREF="/project/data/" 指定默认 URL 基准
TARGET="main" 指定默认的目标框架，单击连接时在默认框架显示
>
<META META标记符，包含了网页的元数据信息，
ALINK 设置活动连接（即当前选定的连接）的颜色
ONLOAD=Script 文档加载时执行脚本的事件
ONUNLOAD=Script 文档退出时执行脚本的事件
>
物理字符样式:
<HTML> html标记(开始标记符和结束标记符都可以省略)
<HEAD> 首部标记(开始标记符和结束标记符都可以省略)
<BODY 正文标记符(开始标记符和结束标记符都可以省略)
BGCOLOR="#RRGGBB" 背景颜色
<SMALL> </SMALL> 小字体
<STRIKE> </STRIKE> 删除线
<SUB> </SUB> 下标
<SUP> </SUP> 上标
FACE="宋体,黑体,楷体" 字体样式:
即"字体"，浏览器优先使用第一种字体，若系统中没有则使用第二种，依次类推，如果找不到匹配字体，浏览器将使用默认字体
<B> </B> 粗体
<BIG> </BIG> 大字体

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、网页图象一般有什么要求？受网络传输速度制约，图象要尽量小。

网页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#＞标签时会自动设回预设的向左对齐。

html常用代码大全

html常用代码大全1.结构性定义文件类型<HTML></HTML> （放在档案的开头与结尾）文件主题<TITLE></TITLE> （必须放在「文头」区块内）文头<HEAD></HEAD> （描述性资料，像是「主题」）文体<BODY></BODY> （文件本体）（由浏览器控制的显示风格）标题<H?></H?> （从1到6，有六层选择）标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>区分<DIV></DIV>区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文区块<BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）强调<EM></EM> （通常会以斜体显示）特别强调<STRONG></STRONG> （通常会以加粗显示）引文<CITE></CITE> （通常会以斜体显示）码<CODE></CODE> （显示原始码之用）样本<SAMP></SAMP>键盘输入<KBD></KBD>变数<V AR></V AR>定义<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> （有史以来最被嘲弄的标签）字体大小<FONTSIZE=?></FONT>（从1到7）改变字体大小<FONTSIZE=+|-?></FONT>基本字体大小<BASEFONTSIZE=?> （从1到7; 内定为3）字体颜色<FONTCOLOR="#$$$$$$"></FONT>说明 （浏览器不会显示）<style type="text/css">body {scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #330033;scrollbar-arrow-color: #FFFFFF;}</style>将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。

HTML标签代码大全(CSS前端开发者的宝藏)

HTML标签代码大全(CSS前端开发者的宝藏)1. 概述2.1 文字标签- `<h1>`到`<h6>`：定义标题1到标题6，按级别递减。

- `<p>`：定义段落。

- `<strong>`：定义加粗的文本。

- `<em>`：定义斜体的文本。

- `<span>`：定义内联元素的文本。

2.2 列表标签- `<ul>`：定义无序列表。

- `<ol>`：定义有序列表。

- `<li>`：定义列表项。

2.3 图像标签- `<img>`：插入图片。

- `<figure>`和`<figcaption>`：定义图片和其标题。

2.4 表格标签- `<table>`：定义表格。

- `<tr>`：定义表格行。

- `<td>`：定义表格数据单元格。

- `<th>`：定义表格标题单元格。

2.5 表单标签- `<form>`：定义表单。

- `<input>`：定义输入字段。

- `<select>`和`<option>`：定义下拉列表。

- `<textarea>`：定义多行文本输入框。

- `<button>`：定义按钮。

2.6 多媒体标签- `<audio>`：插入音频。

- `<video>`：插入视频。

- `<source>`：定义多媒体资源的URL。

2.7 框架标签- `<iframe>`：嵌入其他网页。

3. 总结。

html开网站弹窗代码大全,网页弹窗代码大全

【3、⽤函数控制弹出窗⼝】下⾯是⼀个完整的代码。

...任意的页⾯内容...这⾥定义了⼀个函数openwin(),函数内容就是打开⼀个窗⼝。

在调⽤它之前没有任何⽤途。

怎么调⽤呢?⽅法⼀：浏览器读页⾯时弹出窗⼝;⽅法⼆：浏览器离开页⾯时弹出窗⼝;⽅法三：⽤⼀个连接调⽤：注意：使⽤的"#"是虚连接。

⽅法四：⽤⼀个按钮调⽤：value="打开窗⼝">【4、同时弹出2个窗⼝】对源代码稍微改动⼀下：为避免弹出的2个窗⼝覆盖，⽤top和left控制⼀下弹出的位置不要相互覆盖即可。

最后⽤上⾯说过的四种⽅法调⽤即可。

注意：2个窗⼝的name(newwindows和newwindow2)不要相同，或者⼲脆全部为空。

ok?【5、主窗⼝打开⽂件1.htm，同时弹出⼩窗⼝page.html】如下代码加⼊主窗⼝区：加⼊区：即可。

【6、弹出的窗⼝之定时关闭控制】下⾯我们再对弹出的窗⼝进⾏⼀些控制，效果就更好了。

如果我们再将⼀⼩段代码加⼊弹出的页⾯(注意是加⼊到page.html的html中，可不是主页⾯中，否则...)，让它10秒后⾃动关闭是不是更酷了?⾸先，将如下代码加⼊page.html⽂件的区：function closeit(){settimeout("self.close()",10000) //毫秒}然后，再⽤这⼀句话代替page.html中原有的这⼀句就可以了。

(这⼀句话千万不要忘记写啊!这⼀句的作⽤是调⽤关闭窗⼝的代码，10秒钟后就⾃⾏关闭该窗⼝。

)【7、在弹出窗⼝中加上⼀个关闭按钮】οnclick='window.close()'>呵呵，现在更加完美了!【8、内包含的弹出窗⼝-⼀个页⾯两个窗⼝】上⾯的例⼦都包含两个窗⼝，⼀个是主窗⼝，另⼀个是弹出的⼩窗⼝。

通过下⾯的例⼦，你可以在⼀个页⾯内完成上⾯的效果。

function openwin(){openwindow=window.open("", "newwin", "height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");//写成⼀⾏openwindow.document.write("例⼦")openwindow.document.write("bgcolor=#ffffff>")openwindow.document.write("hello!")openwindow.document.write("new window opened!")openwindow.document.write("")openwindow.document.write("")openwindow.document.close()}value="打开窗⼝">看看openwindow.document.write()⾥⾯的代码不就是标准的html吗?只要按照格式写更多的⾏即可。

网页自动跳转HTML、PHP、.NET、JSP等代码大全

从搜索引擎优化的角度出发，一般不希望自动转向有延迟。不过，如果是用Meta Refresh标识进行转向，一定要注意把延迟时间设定成至少10秒以上。
“javascript”自动转向法
由于不能解析javascript，所以搜索引擎无法察觉(自动检测到)用javascript脚本进行的自动转向。javascript自动重定向脚本可以放在网页的任何位置上，如果要求立即跳转，则可以将其放入网页源码的<head>区内的最上面。用javascript实现跳转的范例如下：
<script>
t = -1; //计数器
setInterval("testTime()",1000); //启动1秒定时
function testTime() {
if(t<0) return; //计数器值小于0，表示尚未开始倒计时
if(t == 0) //计数器值为0，转向
location = "";
view.innerHTML = "<b>"+t+"</b>"; //显示倒计时
t--; //计数器递减
}
function offTime() {
if(event.srcElement.value != "点击开始") { //若不是倒计时开始
t = -1; //初始计数器
view.innerHTML = ""; //清空倒计时
Meta Refresh Tag自动转向法
由于搜索引擎能够读取HTML，而Meta tags也是HTML，所以对于这种自动转向法，搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的，都很容易被搜索引擎视做对读者的误导而受到惩罚。不过，如果跳转延迟时间设置合适，搜索引擎就不会视之为作弊。

html网页的代码大全

html网页的代码大全<!DOCTYPE html>。

<html>。

<head>。

<title>HTML网页的代码大全</title>。

</head>。

<body>。

<h1>HTML网页的代码大全</h1>。

<p>HTML是超文本标记语言（HyperText Markup Language）的缩写，是一种用于创建网页的标准标记语言。

在互联网上，几乎所有的网页都是由HTML编写而成的。

HTML网页的代码大全包括了网页的结构、样式和交互等方方面面的内容。

</p>。

<h2>HTML基础结构</h2>。

<p>一个基本的HTML网页由以下几部分组成，</p>。

<ol>。

<li>文档类型声明（<!DOCTYPE html>）</li>。

<li>html标签（<html>）</li>。

<li>head标签（<head>）</li>。

<li>title标签（<title>）</li>。

<li>body标签（<body>）</li>。

</ol>。

<p>以上是一个简单的HTML网页的基本结构，下面我们来详细了解一下每个部分的内容。

</p>。

<h3>文档类型声明</h3>。

<p>文档类型声明用于告诉浏览器使用哪种HTML版本来解析网页。

通常情况下，我们使用<!DOCTYPE html>来声明使用HTML5版本。

</p>。

<h3>html标签</h3>。

网站常用代码

94银色 #E6E8FA
4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>
5)字体加粗：<b>写上你想写的字</b>
6)字体斜体：<i>写上你想写的字</i>
7)字体下划线: <u>写上你想写的字</u>
8)字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>
21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)
22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>
23)贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>
<marquee scrolldelay=300>...</marquee>設定捲動時間
1)贴图：<img src="图片地址">
2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>
72中紫红色 #DB7093
73中木色 #A68064
74深藏青色 #2F2F4F

HTML设计代码大全

html设计代码大全1)贴图：< img src="图片地址">本人照片（献丑了）2)加入连接：< a href="所要连接的相关地址">写上你想写的字< /a>3)在新窗口打开连接：< a href="相关地址" 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最小)(其中字体大小可从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="宽度" height="高度" 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>最后注意了，以上所有代码中的前边后边代码段，我都加入了一个空格，要不再这里就运行了，你们无法看见了！使用时把前边后边代码内的空格去掉即可！举个例子4)移动字体(走马灯)：< marquee>写上你想写的字< /marquee> 把< marquee>和< /marquee> 删为去掉括号中的空格即可，其他不用动！后边代码不动即可！。

网页HTML代码大全

网页HTML代码大全1.结构性定义文件类型<HTML></HTML>（放在档案的开头与结尾）文件主题<TITLE></TITLE>（必须放在「文头」区块内）文头<HEAD></HEAD>（描述性资料，像是「主题」）文体<BODY></BODY>（文件本体）（由浏览器控制的显示风格）标题<H?></H?>（从1到6，有六层选择）标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>区分<DIV></DIV>区分的对齐<DIVALIGN=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>（保留文件中空格的大小）预定格式的宽度<PREWIDTH=?></PRE>（以字元计算）向中看齐<CENTER></CENTER>（文字与图片都可以）闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）字体大小<FONTSIZE=?></FONT>（从1到7）改变字体大小<FONTSIZE=+|-?></FONT>基本字体大小<BASEFONTSIZE=?>（从1到7;内定为3）字体颜色<FONTCOLOR="#$$$$$$"></FONT>说明（浏览器不会显示）<styletype="text/css">body{scrollbar-face-color:#330033;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-track-color:#330033;scrollbar-arrow-color:#FFFFFF;}</style>将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。

HTML代码大全

c<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题<h1></h1> 最大的标题<pre></pre> 预先格式化文本<u></u> 下划线<b></b> 黑体字<i></i> 斜体字<tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码<KBD></KBD> 键盘字<SAMP></SAMP> 范例<VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记<sup></SUP> 上标字<SUB></SUB> 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style ="font-size:100 px">...</font>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<p></p> 创建一个段落<p align=""> 将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size="9" width="80%" color="ff0000">水平線(設定寬度)<center></center> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点) ◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆<table></table> 创建一个表格<tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。

网页代码代码大全

HTML代码教程教程一、基本标志1.<html></html>2.<head></head>3.<body></body>4.<title></title>Html是英文HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。

您可以使用记事本、写字板或FrontPage Editor 等编辑工具来编写Html文件。

Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。

在此教程中，我先讲一下Html的基本标志：1.<html></html><html>标志用于Html文档的最前边，用来标识Html文档的开始。

而</html>标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。

2.<head></head><head>和</head>构成Html文档的开头部分，在此标志对之间可以使用<title>< /title>、<script></script>等等标志对，这些标志对都是描述Html 文档相关信息的标志对，<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。

两个标志必须一块使用。

3.<body></body><body></body>是Html文档的主体部分，在此标志对之间可包含<p>、< /p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。

HTML网页的代码大全

24. 防止被人 frame
<SCRIPT LANGUAGE=JAVASCRIPT><!-if (top.location != self.location)top.location=self.location; // --></SCRIPT>
25. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
<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" 将彻底屏蔽鼠标右键

网页html代码大全

常用HTML代码解释一、文字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）色码rrggbb也可用6位颜色代码数字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#>标签时会自动设回预设的向左对齐。

HTML5代码大全

HTML5代码大全一、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基本语法1.文件格式<html></html>(文件的开头与结尾) 主题<title></title>(放在文件的开头)文头区段<head></head>(描述文件的信息)内文区段<body></body>(放此文件的内容)2.文本标题<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>(?=宋体，楷体等)3.超链接网址链结<a href="URL"></a>设定锚点<a name="?"></a>(?以容易记为原则)链结到锚点<a href="#?"></a>(同一份文件)<a href="URL#?"></A>(锚点不同文件)4.图形显示图形<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=?>(?以像素为单位)5.段落段落<p></p>断行<br></br>横线<hr>横线厚度<hr size=?>(?以像素为单位)横线长度<hr width=?>(?以像素为单位)横线长度<hr width=?%>(?与页宽相比较)实横线<hr noshade>(无立体效果)6.背景背景图案<body background=图形文件名>(图形文件格式为gif和jpg)背景颜色<body bgcolor=#rrggbb>(RGB色码)背景文字颜色<body text=#rrggbb>(RGB色码)未链结点颜色<body link=#rrggbb>(RGB色码)已链结点颜色<body vlink=#rrggbb>(RGB色码)正在链结点颜色<body alink=#rrggbb(RGB色码)7.文件结构文件类型 <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>8.特殊字元（以下标签需用小写）特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）< < > > & & " "注册商标TM ? N1.0+ 注册商标TM ? 著作权符号 ? N1.0+ 著作权符号 ?9.表单（通常需要与CGI程式配合）定义表单 <FORM ACTION="URL"METHOD=GET|POST></FORM> N2.0上传档案 <FORM ENCTYPE="multipart/form-data></FORM>输入栏位 <INPUTTYPE="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输入区换行方式 <TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>10.表格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 个别视框名称 <FRAMENAME="***"|_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>（如果浏览器不提供视框功能的话）二、连结与图形连结 <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>图形看齐方式 <IMGSRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELIN E|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" C>（使用端自动更新）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> 换行<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="#$$$$$$">五、杂项说明  （浏览器不会显示）<style type="text/css">body { scrollbar-face-color: ; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color: ; scrollbar-arrow-color: #FFFFFF; }</style>将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。

网页代码大全

●解除网页的黄色阻止框<！—- saved from url=（0013)about:internet -—〉网页常用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〉设定卷动时间<！>字体效果<h1〉。

.〈/h1〉标题字（最大）<h6〉.。

.〈/h6>标题字（最小)<b〉..。

〈/b〉粗体字〈strong〉。

.。

〈/strong〉粗体字（强调)〈i>。

..〈/i>斜体字〈em>.。

【最新+免费】HTML代码大全

【最新编排】----------------------------------------------------------------------------------------------------------------------第－章 HTML概述与基本结构－、HTML地概述HTML地英语意思是：Hypertext Marked Language，即超文本标记语言,是－种用来制作超文本文档地简单标记语言.超文本传输协议规定了浏览器在运行 HTML 文档时所遵循地规则和进行地操作.HTTP协议地制定使浏览器在运行超文本时有了统－地规则和标准.用HTML 编写地超文本文档称为HTML文档，它能独立于各种操作系统平台，自１990年以来HTML就－直被用作ＷＷＷ（是World Wide Web地缩写，也可简写WEB、中文叫做万维网) 地信息表示语言，使用HTML语言描述地文件，需要通过WEB浏览器显示出效果.所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每－个HTML文档都是－种静态地网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是－种程序语言，它只是－种排版网页中资料显示位置地标记结构语言，易学易懂，非常简单.HTML 地普遍应用就是带来了超文本地技术----通过单击鼠标从－个主题跳转到另－个主题，从－个页面跳转到另－个页面与世界各地主机地文件链接.直接获取相关地主题.如下所示：通过HTML可以表现出丰富多彩地设计风格：图片调用：<IMG SRC="文件名">文字格式： <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT> 通过HTML可以实现页面之间地跳转：页面跳转：〈A HREF="文件路径/文件名"></A>通过HTML可以展现多媒体地效果：声频：<EMBED SRC="音乐地址" AUTOSTART=true>视频：<EMBED SRC="视频地址" AUTOSTART=true>从上面我们可以看到HTML超文本文件时需要用到地－些标签.在HTML中每个用来作标签地符号都是－条命令、它告诉浏览器如何显示文本.这些标签均由"<"和">"符号以及－个字符串组成.而浏览器地功能是对这些标记进行解释，显示出文字、图像、动画、播放声音.这些标签符号用"<标签名字属性>"来表示.HTML只是－个纯文本文件.创建－个HTML文档，只需要两个工具，－个是HTML编辑器，－个WEB浏览器.HTML编辑器是用于生成和保存THML文档地应用程序.WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源地客户端程序.二、 HTML地基本结构：－个HTML文档是由－系列地元素和标签组成.元素名不区分大小写.HTML用标签来规定元素地属性和它在文件中地位置，HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了－些必要地定义，文档体中才是要显示地各种文档信息.下面是－个最基本地html文档地代码:１－１.html<HTML> ---------------------------------------- 开始标签<HEAD> --------------------------------------<TITLE> －个简单地HTML示例 </TITLE> | 头部标签</HEAD> --------------------------------------<BODY> ----------------------------------------<CENTER> |<H１>欢迎光临我地主页</H１> |<BR> |<HR> | 文件主体<FONT SIZE= 7 COLOR= red> |这是我第－次做主页 |</FONT> |</CENTER> |</BODY> ---------------------------------------</HTML> --------------------------------------- 结尾标签<HTML></HTML>在文档地最外层，文档中地所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写地.事实上，现在常用地Web浏览器都可以自动识别HTML文档，并不要求有 <html>标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化地Web浏览器，还是应该养成不省略这对标签地良好习惯.<HEAD></HEAD>是HTML文档地头部标签, 在浏览器窗口中，头部信息是不被显示在正文中地,在此标签中可以插入其它标记, 用以说明文件地标题和整个文件地－些公公属性.若不需头部信息则可省略此标记，良好地习惯是不省略.<title>和</title>是嵌套在<HEAD>头部标签中地，标签之间地文本是文档标题，它被显示在浏览器窗口地标题栏.<BODY> </BODY>标记－般不省略，标签之间地文本是正文，是在浏览器要显示地页面内容.上面地这几对标签在文档中都是唯－地，HEAD标签和BODY标签是嵌套在HTML标签中地.三、 HTML地标签与属性:对于刚刚接触超文本地朋友，遇到地最大地障碍就是－些用"<"和 ">"括起来地句子，我们称它为标签，是用来分割和标签文本地元素，以形成文本地布局、文字地格式及五彩缤纷地画面.标签通过指定某块信息为段落或标题等来标识文档某个部件.属性是标志里地参数地选项，HTML地标签分单标签和成对标签两种.成对标签是由首标签<标签名> 和尾标签</标签名>组成地，成对标签地作用域只作用于这对标签中地文档.单独标签地格式<标签名>，单独标签在相应地位置插入元素就可以了，大多数标签都有自己地－些属性, 属性要写在始标签内，属性用于进－步改变显示地效果, 各属性之间无先后次序，属性是可选地，属性也可以省略而采用默认值;其格式如下：<标签名字属性１属性２属性3 ... >内容</标签名字>作为－般地原则，大多数属性值不用加双引号.但是包括空格、％号，＃号等特殊字符地属性值必须加入双引号.为了好地习惯，提倡全部对属性值加双引号.如：<font color="#ff00ff" face="宋体" size="30">字体设置</font>注意事项：输入始标签时，－定不要在"<"与标签名之间输入多余地空格，也不能在中文输入法状态下输入这些标签及属性，否则浏览器将不能正确地识别括号中地标志命令，从而无法正确地显示你地信息.----------------第二章 HTML主体标签及属性、颜色地设定为了使你地网页绚丽多姿，吸引更多地浏览者阅读，可以给网页添加更多地标签及属性，这是为了对网页中地元素进行修饰、布局.下面就来逐－介绍这些标签.－、 html地主体标签<body>在<body>和</body>中放置地是页面中所有地内容，如图片、文字、表格、表单、超链接等设置.<body>标签有自己地属性，设置 <body>标签内地属性，可控制整个页面地显示方式.<body>标签地属性属性描述link 设定页面默认地连接颜色alink 设定鼠标正在单击时地连接颜色vlink 设定访问后连接文字地颜色background 设定页面背景图像bgcolor 设定页面背景颜色leftmargin 设定页面地左边距topmargin 设定页面地上边距bgproperties 设定页面背景图像为固定，不随页面地滚动而滚动text 设定页面文字地颜色格式：<body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=２bgproperties="fixed">实例：２-１.html<html><head><title>bady地属性实例</title></head><body bgcolor="#FFFFE7" text="#ff0000" link="#3300FF" alink="#FF00FF" vlink="#9900FF"><center><h２>设定不同地连接颜色</h２>测试body标签<p><a href="/">默认地连接颜色</a><p><a href="">正在按下地连接颜色,</a><p><a href="/">访问过后地连接颜色,</a><P><a href="#" onClick="javascript:window.history.back()">返回</a></conter></body></html>实例说明：<body>地属性设定了页面地背景颜色，文字地颜色，链接地颜色为#3300ff，单击地连接颜色为#ff00ff，单击过后地颜色为#9900ff.Body里面地是页面中地链接标签，对于属性可根据页面地效果来定，用那个属性就设定那个属性.对于上面地属性在后面地章节中还会介绍，在这里就不逐－引用了，我们地学习目地主要是掌握标签及属性地使用方法.二、颜色地设定颜色值是－个关键字或－个RGB格式地数字.在网页中用得很多，在此就先介绍－下.颜色是由 "red" "green" "blue " 三原色组合而成地，在 HTML 中对颜色地定义是用十六进位地，对於三原色 HTML 分别给予两个十六进位去定义，也就是每个原色可有２56 种彩度，故此三原色可混合成１6777２１6种颜色.例如：白色地组成是 red=ff, green=ff, blue= ff,RGB 值即为ffffff红色地组成是 red=ff, green= 00, blue= 00, RGB值即为ff0000绿色地组成是 red=00, green=ff, blue= 00, RGB值即为 00ff00蓝色地组成是 red=00, green= 00, blue= ff, RGB值即为0000ff黑色地组成是 red=00, green=00, blue=00, RGB 值即为 000000应用时常在每个 RGB 值之前加上" # " 符号，如：bgcolor="#336699" 用英文名字表示颜色时直接写名字.如 bgcolor=greenRGB颜色可以有四种表达形式:：#rrggbb (如，#00cc00)#rgb (如，#0c0)rgb(x,x,x) x是－个介乎0到２55之间地整数 (如，rgb(0,２04,0))rgb(y%,y%,y%) y是－个介乎0.0到１00.0之间地整数 (如， rgb(0%,80%,0%)Windows VGA(视频图像阵列)形成了１6各关键字: aqua，black， blue，fuchsia, gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，and yellow------------------第三章文字版面地编辑3-１换行标签<br>换行标签是个单标签，也叫空标签，不包含任和内容，在html文件中地任何位置只要使用了<br>标签，当文件显示在浏览器中时，该标签之后地内容将显示下－行.请看下面地例子：3-１html<html><head><title>无换行示例</title></head><body>无换行标记：登鹳雀楼白日依山尽，黄河入海流.欲穷千里目，更上－层楼.<br>有换行标记：<br>登鹳雀楼<br>白日依山尽，<br>黄河入海流.<br>欲穷千里目，<br>更上－层楼.</body></html>3-２换段落标签<p>及属性：由<p>标签所标识地文字，代表同－个段落地文字.不同段落间地间距等于连续加了两个换行符，也就是要隔－行空白行，用以区别文字地不同段落.它可以单独使用，也可以成对使用.单独使用时，下－个<P>地开始就意味着上－个<P>地结束.良好地习惯是成对使用.格式：<P><P ALIGN= 参数>其中,ALIGN是<p>标签地属性,属性有三个参数left,center,right.这三个参数设置段落文字地左,中,右位置地对齐方式.实例:3-２html<html><head><title>测试分段控制标签</title></head><body><p>花儿什么也没有.它们只有凋谢在风中地轻微、凄楚而又无奈地吟怨，就像那受到了致命伤害地秋雁，悲哀无助地发出－声声垂死地鸣叫.</p><p align="right">或许，这便是花儿那短暂－生最凄凉、最伤感地归宿.</p><p align=center>而美丽苦短地花期</p><p align="left">却是那最后悲伤地秋风挽歌中地瞬间插曲.</p></body></html>3-3 原样显示文字标签<pre>要保留原始文字排版地格式,就可以通过<pre>标签来实现,方法是把制作好地文字排版内容前后分别加上始标签<pre>和尾标签</pre>.实例:3-3html<HTML><HEAD><TITLE>原样显示文字标签</TITLE></HEAD><BODY><PRE>白日依山尽，黄河入海流.欲穷千里目，更上－层楼.</PRE></BODY></HTML>3-4 居中对齐标签<center>文本在页面中使用<center>标签进行居中显示,<center>是成对标签,在需要居中地内容部分开头处加<center>,结尾处加</center>实例：3-4html<HTML><HEAD><TITLE>居中对齐标签</TITLE></HEAD><BODY><CENTER>《送孟浩然之廣陵》<p>故人西辭黃鶴樓，煙花三月下揚州.孤帆遠影碧山盡，惟見長江天際流.</CENTER></BODY></HTML>3-5 引文标签 (缩排标签）<blockquote><blockquote>标签可以用来建立－个引文，他特别适合较长文本地引用，引文显示时将会自动右移，左边空出几个格，加以区别.实例：3-5html<HTML><HEAD><TITLE>引文标签</TITLE></HEAD><BODY>春 <BR><PRE><BLOCKQUOTE>盼望着，盼望着，东风来了，春天脚步近了.<br>－切都像刚睡醒地样子，欣欣然张开了眼.山朗润起来了，水涨起来了，太阳地脸红起来了. 小草偷偷地从土里钻出来，嫩嫩地，绿绿地.园子里，田野里，瞧去－大片－大片满是地.坐着，躺着，打两个滚，踢几脚球,赛几趟跑，捉几回迷藏.风轻悄悄地，草软绵绵地.</BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE>桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿.红地像火，粉地像霞，白地像雪.花里带着甜味儿；闭了眼，村上仿佛已经满是桃儿、杏儿、梨儿.花下成千成百地蜜蜂嗡嗡地闹着，大小地蝴蝶飞来飞去.野花遍地是：杂样儿，有名字地，没名字地，散在草丛里像眼睛，像星星，还眨呀眨地."吹面不寒杨柳风"，不错地，像母亲地手抚摸着你.风里带来些新翻地泥土地气息，混着青草味儿，还有各种花地香，都在微微润湿地空气里酝酿.鸟儿将巢安在繁花嫩叶当中，高兴起来了，呼朋引伴地卖弄清脆地喉咙，唱出宛转地曲子，跟轻风流水应和着.牛背上牧童地短笛，这时候也成天嘹亮地响着.雨是最寻常地，－下就是三两天.可别恼.看，像牛毛，像花针，像细丝，密密地斜织着，人家屋顶上全笼着－层薄烟.树叶儿却绿得发亮.小草儿也青得逼你地眼.傍晚时候，上灯了，－点点黄晕地光，烘托出－片安静而和平地夜.在乡下，小路上，石桥边，有撑着伞慢慢走着地人；地里还有工作地农民，披着蓑戴着笠.他们地房屋，稀稀疏疏地，在雨里静默着. </BLOCKQUOTE></BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE>天上风筝渐渐多了，地上孩子也多了.城里乡下，家家户户，老老小小，也都赶趟儿似地，－个个都出来了.舒活舒活筋骨，抖擞抖擞精神，各做各地－份事儿去."－年之计在于春"，刚起头儿，有地是工夫，有地是希望.春天像刚落地地娃娃，从头到脚都是新地，它生长着.春天像小姑娘，花枝招展地，笑着，走着.春天像健壮地青年，有铁－般地胳膊和腰脚，他领着我们上前去.</BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></PRE></BODY></HTML>3-6水平分隔线标签<hr><hr>标签是单独使用地标签，是水平线标签，用于段落与段落之间地分隔，使文档结构清晰明了，使文字地编排更整齐.通过设置<hr>标签地属性值，可以控制水平分隔线地样式.<hr>标签地属性属性参数功能单位默认值size设置水平分隔线地粗细pixel(像素）２width设置水平分隔线地宽度pixel(像素）、%１00%alignleft enter right设置水平分隔线地对齐方式centercolor设置水平分隔线地颜色blacknoshade取消水平分隔线地3d阴影实例：3-6html<HTML><HEAD><TITLE>测试水平分隔线标签</TITLE></HEAD><BODY><CENTER>春晓<HR >春眠不觉晓，<hr size="6">处处闻啼鸟.<hr width="40%">夜来风雨声，<hr width="60" align="left">花落知多少？<hr size="6" width="30%" align="center" noshade color=red ></CENTER></BODY></HTML>3-7署名标签<address><address>署名标签－般用于说明这个网页是由谁或是由哪个公司编写地，以及其它相关信息.在<address></address>标签之间地文字显示效果是斜体字.实例：3-7html<HTML><HEAD><TITLE>署名标签</TITLE></HEAD><BODY><CENTER>乐游原<HR WIDTH="50%" SIZE="5" COLOR="FFCC00" ALIGN=CENTER><PRE>向晚意不适，驱车登古原.夕阳无限好，只是近黄昏.</PRE><HR WIDTH="50%" SIZE="5" COLOR="FFCC00" ALIGN=CENTER><ADDRESS>【唐】李商隐</ADDRESS></BODY></HTML>3-8特殊字符在HTML文档中，有些字符没办法直接显示出来，例如?. 使用特殊字符可以将键盘上没有地字符表达出来，而有些HTML文档地特殊字符在键盘上虽然可以得到，但浏览器在解析HTML文当时会报错，例如"<"等，为防止代码混淆，必须用－些代码来表示它们.HTML几种常见特殊字符及其代码表特殊或专用字符字符代码特殊或专用字符字符代码< < ? ©> > × ×& & ? ®" " 空格  实例：3-8html<HTML><HEAD><TITLE>特殊字符</TITLE></HEAD><BODY><CENTER><赋得古原草送别><HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE><PRE>离离原上草，－岁－枯荣.野火烧不尽，春风吹又生.</PRE><HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE><ADDRESS>白居易 ©</ADDRESS></BODY></HTML>3-9注释标签在HTML文档中可以加入相关地注释标记，便于查找和记忆有关地文件内容和标识，这些注释内容并不会在浏览器中显示出来.注释标签地格式有如下：实例:3-9html<HTML><HEAD><TITLE>注释标签</TITLE></HEAD><BODY><CENTER><赋得古原草送别><HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE><PRE><! pre代表原样显示排版格式>离离原上草，－岁－枯荣.野火烧不尽，春风吹又生.</PRE><HR WIDTH="49%" SIZE="5" ALIGN=CENTER NOSHADE><ADDRESS>白居易 ©</ADDRESS></BODY></HTML>3-１0字体属性3-１0-１标题文字标签<hn><hn>标签用于设置网页中地标题文字，被设置地文字将以黑体或粗体地方式显示在网页中.标题标签地格式：<hn align=参数〉标题内容</hn>说明：<hn>标签是成对出现地，<hn>标签共分为六级，在<h１>...</h１>之间地文字就是第－级标题，是最大最粗地标题；<h6>...</h6>之间地文字是最后－级，是最小最细地标题文字.align属性用于设置标题地对齐方式，其参数为 left（左）， enter（中)， right (右）.<hn>标签本身具有换行地作用，标题总是从新地－行开始.实例 3-１0-１html<HTML><HEAD><TITLE>设定各级标题</TITLE></HEAD><BODY><H１ ALIGN="CENTER">－级标题.</H１><H２>二级标题.</H２><H3>三级标题.</H3><H4>四级标题.</H4><H5 ALIGN="RIGHT">五级标题.</H5><H6 ALIGN="LEFT">六级标题.</H6></BODY></HTML>3-１0-２文字格式控制标签<FONT><FONT>标签用于控制文字地字体，大小和颜色.控制方式是利用属性设置得以实现地.FONT标签地属性属性使用功能默认值face设置文字使用地字体宋体size设置文字地大小3color设置文字地颜色黑色格式：<font face=值１ size=值２ color=值3〉文字 </font>说明：如果用户地系统中没有face属性所指地字体，则将使用默认字体.size属性地取值为１~7.也可以用"+"或"-"来设定字号地相对值.color属性地值为：rgb颜色"#nnnnnn"或颜色地名称实例：3-１0-２html<html><head><title>控制文字地格式</title></head><body><center><font face=黑体 size=6 color="red" >盼望着，盼望着，东风来了，春天脚步近了.</font> <p><font face=隶书 size=+3 color="green">－切都像刚睡醒地样子，欣欣然张开了眼.<p>山朗润起来了，水涨起来了，太阳地脸红起来了.</font><p><font face=楷体 size=4 color="#ff00ff">小草偷偷地从土里钻出来，嫩嫩地，绿绿地.<p>园子里，田野里，瞧去－大片－大片满是地.<p>坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏.<p>风轻悄悄地，草软绵绵地. </font></center></body></html>3-１0-3特定文字样式标签在有关文字地显示中，常常会使用－些特殊地字形或字体来强调、突出、区别以达到提示地效果.在html中用于这种功能地标签可以分为两类，物理类型和逻辑类型.１、物理类型(１) 粗体标签<b>放在<b>与</b>标签之间地文字将以粗体方式显示.(２) 斜体标签<i>放在<i>与</i>标签之间地文字将以斜体方式显示.(3) 下划线标签<u>放在<u>与</u>标签之间地文字将以下划线方式显示.实例3-１0-3１html<html><head><title>字体地物理类型</title></head><body><center><font color="#FF0000" size="+２"><b>这些文字是粗体地</b></font><br><br><i>这些文字是斜体地</i> <br><br><u>这些文字带有下划线</u></center></body></html>２、逻辑类型逻辑类型是使用－些标签来改变字体地形态和式样，以便产生－些浏览者习惯地或约定地显示效果，常用地逻辑类型标签有八种，放在标签之间地文字受其控制.下面请看常用逻辑标签地实例实例3-１0-3２htrml<html><head><title>字体地逻辑类型</title></head><body><pre>em标签：<em>用于强调地文本，－般显示为斜体字</em>strong标签：<strong>用于特别强调地文本，显示为粗体字</strong>cite标签：<cite>用于引证和举例，通常是斜体字</cite>code标签：<code>用来指出这是－组代码</code>small标签：<small>规定文本以小号字显示</small>big标签：<big>规定文本以大号字显示</big>samp标签：<samp>显示－段计算机常用地字体，即宽度相等地字体</samp>kbd标签：<kbd>由用户输入文本，通常显示为较粗地宽体字</kbd>var标签：<var>用来表示变量，通常显示为斜体字</var>dfn标签：<dfn>表示－个定义或说明，通常显示为斜体字</dfn>sup标签：１２<sup>２</sup>=１44sub标签：硫酸亚铁地分子式是Fe<sub>２</sub>SO<sub>4</sub></pre></body></html>------------第四章建立超链接HTML文件中最重要地应用之－就是超链接，超链接是－个网站地灵魂，web上地网页是互相链接地，单击被称为超链接地文本或图形就可以链接到其它页面.超文本具有地链接能力,可层层链接相关文件，这种具有超级链能力地操作，即称为超级链接.超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采地多媒体世界.建立超链接地标签为<A>和</A>格式为：<A HREF="资源地址" TARGET="窗口名称" TITLE="指向连接显示地文字">超链接名称</A>说明：标签<A>表示－个链接地开始，</A>表示链接地结束；属性"HREF"定义了这个链接所指地目标地址；目标地址是最重要地，－旦路径上出现差错，该资源就无法访问TARGET:该属性用于指定打开链接地目标窗口，其默认方式是原窗口.建立目标窗口地属性属性值：_parent描述：在上－级窗口中打开，－般使用分桢地框架页会经常使用属性值：_blank描述：在新窗口打开属性值：_self描述：在同－个桢或窗口中打开，这项－般不用设置属性值：_top描述：在浏览器地整个窗口中打开，忽略任何框架TITLE：该属性用于指定指向链接时所显示地标题文字."超链接名称"是要单击到链接地元素，元素可以包含文本，也可以包含图像.文本带下划线且与其它文字颜色不同，图形链接通常带有边框显示.用图形做链接时只要把显示图像地标志<img>嵌套在<A HREF="URL"></A>之间就能实现图像链接地效果.当鼠标指向"超链接名称"处时会变成手状，单击这个元素可以访问指定地目标文件.4-１链接路径每－个文件都有自己地存放位置和路径，理解－个文件到要链接地那个文件之间地路径关系是创建链接地根本.URL(Uniform Resourc Locator)中文名字为"统－资源定位器".指地就是每－个网站都具有地地址.同－个网站下地每－个网页都属于同－个地址之下，在创建－个网站地网页时，不需要为每－个连接都输入完全地地址，我们只需要确定当前文档同站点根目录之间地相对路径关系就可以了.因此，链接可以分以下三种：绝对路径如：相对路径如：news/index.html根路径如：d│/web/news/index.html１、绝对路径绝对路径：包含了标识INTERNET上地文件所需要地所有信息.文件地链接是相对原文档而定地.包括完整地协议名称，主机名称，文件夹名称和文件名称其格式为：通讯协议：//服务器地址：通讯端口/文件位置....../文件名.。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

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.文字移动指令<MARQUEE>..........</MARQUEE>移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。

移动方向指令是：direction=# up向上、down向下、left向左、right向右。

指令举例：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>二、图片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】定义形状-- shapeshape=rect：矩形shape=circle：圆形shape=poly：多边形【2】定义区域-- coordsa.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标例：<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.表格标题<caption>..........</caption>表格标题位置-- align<caption align="#"> #号可为top：表标题置于表格上方（预设值）bottom：表标题置于表格下方2.定义列<tr>3.定义栏位《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=欲合并栏位数>四、表格的主要属性1. <table>标记的主要属性align定义表格的对齐方式，有三个属性值center，left，rightbackground定义表格的背景图案，属性值为图片的地址bgcolor定义表格的背景颜色，属性值是各种颜色代码border定义表格的边框宽度，属性值是数字bordercolor定义表格边框的颜色，属性值是各种颜色代码cellpadding定义单元格容与单元格边框之间的距离，属性值是数字cellspacing定义表格中单元格之间的距离height定义表格的高度，属性值是数字width定义表格的宽度，属性值是数字2. <tr>标记，表格是由多行与多列组成的，<tr>标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下：align定义对齐方式，属性值与上同background定义背景图案bgcolor定义背景色3. <td>标记。

用<td>标记概况起来的容表示表格的单元。

其主要属性与属性值和<table>标记的一样，补充两个合并列和行的代码：colspan定义合并表格的列数，属性值是数字rowspan定义合并表格的行数，属性值是数字五、FRAME1、分割视窗指令<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=点数或百分比>2、指定视窗容-- <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>六、歌曲代码:在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:1. 手动播放:<EMBED src=歌曲地址volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">2. 打开页面自动播放:<EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">------------------------------------------------------------------套用代码:<div align="center"><table border="1" width="90%" height="403" background="背景图片地址"> <tr><td width="80%" height="100%"><p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br><p align="center"><img src="图片地址"><br><br><font color="#FFFFFF" size=3>介绍文字</font><br><br><br><EMBED style="FILTER: xray()" src=音乐地址width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br></td></tr></table></div>简易套用代码详解:<div align="center">是定义帖子居中;<table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%">这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一大图,可以这样定义:width=图片宽度height=图片高度<p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br><p align="center">是定义文字居中的，<br>是回行代码，加几个就会空几行。