html常用代码？代码大全

编程之家2026-06-091070次浏览

这篇文章给大家聊聊关于html常用代码，以及代码大全对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

程序员必须知道的HTML常用代码有哪些

html+css代码

文本设置

1、font-size:字号参数

2、font-style:字体格式

3、font-weight:字体粗细

4、颜色属性

color:参数

注意使用网页安全色

超链接设置

text-decoration:参数

主要用途是改变浏览器显示文字链接时的下划线。

参数取值范围：

underline：为文字加下划线

overline：为文字加上划线

line-through：为文字加删除线

blink：使文字闪烁

none：不显示上述任何效果

背景

1、背景颜色

background-color:参数

2、背景图片

background-image: url(URL)

URL就是背景图片的存放路径，none表示无。

3、背景图片重复

background-repeat:参数

参数取值范围：

no-repeat：不重复平铺背景图片

repeat-x：使图片只在水平方向上平铺

repeat-y：使图片只在垂直方向上平铺

如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。

4、背景图片固定

背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定

background-attachment:参数

参数取值范围：

fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动

scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动

区块

1、单词间距

word-spacing:间隔距离

2、字母间距

letter-spacing:字母间距

3、文本对齐

text-align:参数

参数的取值：

left：左对齐

right：右对齐

center：居中对齐

justify：相对左右对齐

4、垂直对齐

vertical-align:参数

top：顶对齐

bottom：底对齐

text-top：相对文本顶对齐

text-bottom：相对文本底对齐

baseline：基准线对齐

middle：中心对齐

sub：以下标的形式显示

super：以上标的形式显示

5、文本缩进

text-indent:缩进距离

12px相当于一个文字距离

6、空格

white-space:参数

normal正常

pre保留

nowrap不换行

7、显示样式

display:参数

参数取值范围：

block：块级元素，在对象前后都换行

inline：在对象前后都不换行

list-item：在对象前后都换行，增加了项目符号

none：无显示

方框

1、height高度

2、width宽度

3、padding内边距

4、margin外边距

5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。

6、clear清除浮动

边框

1、样式

border style参数

边框样式的参数：

none：无边框

dotted：边框为点线

dashed：边框为长短线

solid：边框为实线

double：边框为双线

2、宽度

border width参数

3、颜色

border color参数

列表

list-style-type列表样式

不同浏览器的列表符可能不相同，可能会影响到网页，所以网页中的列表大多都是由背景图片显示。

控制用户界面的样式

鼠标

cursor：鼠标形状参数

CSS鼠标形状参数表：

鼠标形状：CSS代码

style="cursor:hand"手形

style="cursor:crosshair"十字形

style="cursor:text"文本形

style="cursor:wait"沙漏形

style="cursor:move"十字箭头形：

style="cursor:help"问号形

style="cursor:e-resize"右箭头形

style="cursor:n-resize"上箭头形

style="cursor:nw-resize"左上箭头形

style="cursor:w-resize"左箭头形

style="cursor:s-resize"下箭头形

style="cursor:se-resize"右下箭头形

style="cursor:sw-resize"左下箭头形

HTML常用代码之：结构性定义

文件类型<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>（保留文件中空格的大小）

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

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

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

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

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

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

字体颜色<FONTCOLOR="#$$"></FONT>（$$为颜色代码）

HTML常用代码之：修改页面的实用性HTML代码

贴图：<img src="图片地址">

加入连接：<a rel="external nofollow" href="所要连接的相关地址">写上你想写的字</a>

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

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

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

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

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

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

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

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

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

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

贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

贴flash:<embed src="flash地址" width="宽度" height="高度">

贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

换行：<br>

段落：<p>段落</p>

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

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

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

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

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

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

HTML常用代码之：常常会遇到的问题

点击关闭窗口

<a rel="external nofollow" href="javascript.:top.window.close();">点击关闭窗口</a>！

请问如何去掉主页右面的滚动条？

如何做到让一个网页自动关闭.

<html>

<head>

</object>

</head>

<body>

这个窗口会在10秒过后自动关闭,而且不会出现提示.</body>

如何在不刷新页面的情况下刷新css?

<style>

button{ color:#000000;}

</style>

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>

请问如何让网页自动刷新？

在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新，你可以更改为任意值。

如何让页面自动刷新？

方法一，用refresh

HTML代码片段如下:

<head>

</head>

5表示刷新时间

[Ctrl+A全部选择提示:你可先修改部分代码，再按运行]

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</SCRIPT>

如何让超链接没有下划线

在源代码中的<HEAD>…</HEAD>之间输入如下代码：

a{ text-decoration: none}

--></style>

请问如何去掉IE的上下滚动条？

</body>

怎样才能把RealPlayer文件在网页做一个试听连接？

如何用html实现浏览器上后退按钮的功能？

或者

HTML常用代码之：你不一定知道的技巧

ncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键

<table borderncontextmenu=return(false)><td>no</table>可用于Table

<body nselectstart="return false">取消选取、防止复制

onpaste="return false"不准粘贴

oncopy="return false;" ncut="return false;"防止复制

<inputstyle="ime-mode:disabled">关闭输入法

永远都会带着框架

if(window== top)top.location.rel="external nofollow" href="frames.htm";//frames.htm为框架网页

//--></script>

防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

if(top.location!= self.location)top.location=self.location;

//--></SCRIPT>

网页将不能被另存为

查看网页源代码

<input type=button value=查看网页源代码

onclick="window.location="view-source:"+""">

删除时确认

屏蔽功能键Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift键!");//可以换成ALTCTRL

}

document.onkeydown=look;

</script>

网页不会被缓存

<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">

怎样让表单没有凹凸感？

不要滚动条?

让竖条没有:

</body>

让横条没有:

</body>

两个都去掉？更简单了

</body>

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

电子邮件处理提交表单

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

</form>

在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

如何设定打开页面的大小

打开页面的位置<bodynload="top.moveBy(300,200);">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

检查一段字符串是否全由数字组成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

//--></script>

获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

怎么判断是否是字符

if(/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

TEXTAREA自适应文字行数的多少

</textarea>

日期减去天数等于第二个日期

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>

选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio"value="style" checked>Style.

<INPUT name="radio1" type="radio"value="barcode">Barcode

</BODY></HTML>

脚本永不出错

<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

ENTER键可以让光标移到下一个输入框

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

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="图的名称">

【1】定义形状-- shape

shape=rect：矩形 shape=circle：圆形 shape=poly：多边形

【2】定义区域-- coords

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：<area shape=rect coords=100,50,200,75 rel="external nofollow" rel="external nofollow" rel="external nofollow" href="URL">

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：<area shape=circle coords=85,155,30 rel="external nofollow" rel="external nofollow" rel="external nofollow" href="URL">

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 rel="external nofollow" rel="external nofollow" rel="external nofollow" href="URL"

三、表格相关

1.表格标题

表格标题位置-- 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，right

background定义表格的背景图案，属性值为图片的地址

bgcolor定义表格的背景颜色，属性值是各种颜色代码

border定义表格的边框宽度，属性值是数字

bordercolor定义表格边框的颜色，属性值是各种颜色代码

cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字

cellspacing定义表格中单元格之间的距离

height定义表格的高度，属性值是数字

width定义表格的宽度，属性值是数字

2.<tr>标记，表格是由多行与多列组成的，<tr>标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下：

align定义对齐方式，属性值与上同

background定义背景图案 bgcolor定义背景色

3.<td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样，补充两个合并列和行的代码：

colspan定义合并表格的列数，属性值是数字

rowspan定义合并表格的行数，属性值是数字

五、FRAME

1、分割视窗指令<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>

【1】指定视窗的文件名称-- src<frame src=HTML档名>

【2】定义视窗的名称-- name

【3】设定文件与上下边框的距离-- marginheight

【4】设定文件与左右边框的距离-- marginwidth

【5】设定分割视窗卷轴-- scrolling

<frame scrolling=#>#号可为 yes：固定出现卷轴

no：不出现卷轴

auto：自动判断文件大小需不需要卷轴（预设值）

【6】锁住分割视窗的大小-- noresize<frame noresize>

六、歌曲代码:

在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:

1.手动播放:

2.打开页面自动播放:

------------------------------------------------------------------

套用代码:

<font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br>

</td></tr>

</table>

</div>

简易套用代码详解:

<div align="center">是定义帖子居中;

这其中的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>是回行代码，加几个就会空几行。<font face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如果不定义，默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过，你可以找来改。

第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。<font color="#FFFFFF" size=3>介绍文字</font>是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈��烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font>

这一段是插入播放器代码，因为我插的是特殊的播放器，style="FILTER: xray()"是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的，autostart="true"是设定手动或自动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop="-1"是播放次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。

<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。

<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。

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>...</em>斜体字(强调)

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

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

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

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

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

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

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

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

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

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

<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>外部连结(全窗口连结)

<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>设定表格边框的颜色

<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>指定储存格合并列的列数(使用数字)

<!>分割窗口

<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<frameset cols="20%,*">分割左右两个框架

<frameset cols="20%,*,20%">分割左中右三个框架

<分割上下两个框架

<frameset rows="20%,*,20%">分割上中下三个框架

批注

<A HREF TARGET>指定超级链接的分割窗口

<A HREF=#锚的名称>指定锚名称的超级链接

<A HREF>指定超级链接

<A NAME=锚的名称>被连结点的名称

<ADDRESS>....</ADDRESS>用来显示电子邮箱地址

<B>粗体字

<BASE TARGET>指定超级链接的分割窗口

<BASEFONT SIZE>更改预设字形大小

<BGSOUND SRC>加入背景音乐

<BIG>显示大字体

<BLINK>闪烁的文字

<BODY TEXT LINK VLINK>设定文字颜色

<BODY>显示本文

<BR>换行

<CAPTION ALIGN>设定表格标题位置

<CAPTION>...</CAPTION>为表格加上标题

<CENTER>向中对齐

<CITE>...<CITE>用于引经据典的文字

<CODE>...</CODE>用于列出一段程序代码

<COMMENT>...</COMMENT>加上批注

<DD>设定定义列表的项目解说

<DFN>...</DFN>显示"定义"文字

<DIR>...</DIR>列表文字卷标

<DL>...</DL>设定定义列表的卷标

<DT>设定定义列表的项目

<EM>强调之用

<FONT FACE>任意指定所用的字形

<FONT SIZE>设定字体大小

<FORM ACTION>设定户动式窗体的处理方式

<FORM METHOD>设定户动式窗体之资料传送方式

<FRAME MARGINHEIGHT>设定窗口的上下边界

<FRAME MARGINWIDTH>设定窗口的左右边界

<FRAME NAME>为分割窗口命名

<FRAME NORESIZE>锁住分割窗口的大小

<FRAME SCROLLING>设定分割窗口的滚动条

<FRAME SRC>将HTML文件加入窗口

<FRAMESET COLS>将窗口分割成左右的子窗口

<FRAMESET ROWS>将窗口分割成上下的子窗口

<FRAMESET>...</FRAMESET>划分分割窗口

<H1>~<H6>设定文字大小

<HEAD>标示文件信息

<HR>加上分网格线

<HTML>文件的开始与结束

<I>斜体字

<IMG ALIGN>调整图形影像的位置

<IMG ALT>为你的图形影像加注

<IMG DYNSRC LOOP>加入影片

<IMG HEIGHT WIDTH>插入图片并预设图形大小

<IMG HSPACE>插入图片并预设图形的左右边界

<IMG LOWSRC>预载图片功能

<IMG SRC BORDER>设定图片边界

<IMG SRC>插入图片

<IMG VSPACE>插入图片并预设图形的上下边界

<INPUT TYPE NAME value>在窗体中加入输入字段

<ISINDEX>定义查询用窗体

<KBD>...</KBD>表示使用者输入文字

<LI TYPE>...</LI>列表的项目(可指定符号)

<MARQUEE>跑马灯效果

<MENU>...</MENU>条列文字卷标

<META NAME="REFRESH" CONTENT URL>自动更新文件内容

<MULTIPLE>可同时选择多项的列表栏

<NOFRAME>定义不出现分割窗口的文字

<OL>...</OL>有序号的列表

<OPTION>定义窗体中列表栏的项目

<P ALIGN>设定对齐方向

<P>分段

<PERSON>...</PERSON>显示人名

<PRE>使用原有排列

<SAMP>...</SAMP>用于引用字

<SELECT>...</SELECT>在窗体中定义列表栏

<SMALL>显示小字体

<STRIKE>文字加横线

用于加强语气

<SUB>下标字

<SUP>上标字

<TABLE BORDER=n>调整表格的宽线高度

<TABLE CELLPADDING>调整数据域位之边界

<TABLE CELLSPACING>调整表格线的宽度

<TABLE HEIGHT>调整表格的高度

<TABLE WIDTH>调整表格的宽度

<TABLE>...</TABLE>产生表格的卷标

<TD ALIGN>调整表格字段之左右对齐

<TD BGCOLOR>设定表格字段之背景颜色

<TD COLSPAN ROWSPAN>表格字段的合并

<TD NOWRAP>设定表格字段不换行

<TD VALIGN>调整表格字段之上下对齐

<TD WIDTH>调整表格字段宽度

<TD>...</TD>定义表格的数据域位

<TEXTAREA NAME ROWS COLS>窗体中加入多少列的文字输入栏

<TEXTAREA WRAP>决定文字输入栏是自动否换行

<TH>...</TH>定义表格的标头字段

<TITLE>文件标题

<TR>...</TR>定义表格美一行

<TT>打字机字体

<U>文字加底线

<UL TYPE>...</UL>无序号的列表(可指定符号)

<VAR>...</VAR>用于显示变量

插入背景图片<body background="../...grf">...</body>

背景颜色<font bgcolor=""></font>

▲滚动背景图案：<BODY BACKGROUND="[url= ][color=#0000ff] [/color][/url]">

▲固定背景图案：<body background="[url= ][color=#0000ff] [/color][/url]"bgproperties="fixed"></body>

如果是什么颜色的背景（不是用图片）

▲背景和字的颜色：<body bgcolor="#000000" text="#ff9933">

特别说明的是:bgcolor=后面的内容是背景颜色的代码,text=后面的内容是个人资料留言等文本的字的颜色

好了，文章到此结束，希望可以帮助到大家。

世界任务(完成3个世界任务)excel表格的基础知识？用excel做数据分析图表