當前位置：首頁 » 網站代碼 » htm1代碼

htm1代碼

發布時間: 2021-03-05 10:22:14

Ⅰ 一個完整的html 代碼怎麼編寫

簡單的htm的編寫過程如下：

先新建一個文本文件，可以自己命名，如下圖，我命名為測試。
測試是否成功，雙擊測試.html，如果出現了下面的內容，恭喜你，你已經學會了最簡單的html編寫。

Ⅱ 求一段Html代碼

<html>
<head>
<metacharset="utf-8">
<title>Demo</title>
<scriptsrc="https://cdn.bootcss.com/jquery/1.8.0/jquery.js"></script>

</head>
<body>
<h1>家裝計算器</h1>
<divstyle="text-align:left;">
房屋面積:
<inputid="area"type="number"></input>平方米<br>
裝修方式:
<label><inputname="type"type="radio"value="500"checked/>全包</label>
<label><inputname="type"type="radio"value="300"/>半包</label><br>
<buttononclick="cal();">計算</button><br>
<span>計算結果:</span><spanid="res">0</span>元<br>
</div>
<scripttype="text/javascript">
functioncal(){
vararea=$("#area").val();
vartype=$('input[name="type"]:checked').val();
$("#res").text(area*type);
}
</script>
</body>
</html>

Ⅲ 求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代碼
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最小)
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>
html代碼大全：常常會遇到的問題
點擊關閉窗口
<a href="javascript.:top.window.close();">點擊關閉窗口</a>！
請問如何去掉主頁右面的滾動條？
<body scroll="no">
<body style="overflow-y:hidden">
如何做到讓一個網頁自動關閉.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</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>
<meta. http-equiv="refresh" c>
</head>
5表示刷新時間
[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]
方法二，使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>
如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：
<style. type="text/css">  </style>
請問如何去掉IE的上下滾動條？
<body style=『『『『overflow:scroll;overflow-y:hidden『『『『>
</body>
怎樣才能把RealPlayer文件在網頁做一個試聽連接？
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>
如何用html實現瀏覽器上後退按鈕的功能？
<a href="java script.:history.go(-1)">點擊後退</a>
或者
<script> history.back() </SCRIPT>
html代碼大全：你不一定知道的技巧
16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵
<table borderncontextmenu=return(false)><td>no</table> 可用於Table
17. <body nselectstart="return false"> 取消選取、防止復制
18.onpaste="return false" 不準粘貼
19.on="return false;" ncut="return false;" 防止復制
20. <link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標
21. <link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標
22. <inputstyle="ime-mode:disabled"> 關閉輸入法
23. 永遠都會帶著框架
<script. language="JavaScript"></script>
24. 防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT></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鍵!");//可以換成ALTCTRL
}
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="#"nFocus="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 nload="top.resizeTo(300,200);">
打開頁面的位置<bodynload="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"></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=27npropertychange="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"nclick="checkme()">
</BODY></HTML>
43.腳本永不出錯
<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>
44.ENTER鍵可以讓游標移到下一個輸入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">

Ⅳ HTML 做一個打開網頁代碼

html的head區域中加上<script language="javascript"> location.replace("http://192.168.1.201") </script>即可<html>

html代碼如下：

<head>

</head>

<body>

</body>

</html>

(4)htm1代碼擴展閱讀：

網頁HTML代碼大全

文件類型 <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> （文字與圖片都可以）

參考資料來源：HTML-網路

Ⅳ 返回到上一頁的html代碼的幾種寫法

返回到上一頁的html代碼的幾種寫法

1.超鏈接返回上一頁代碼：

<a href=」#」 onClick=」javascript :history.back(-1);」>返回上一頁</a>
<a href=」#」 onClick=」javascript :history.go(-1);」>返回上一頁</a>

2.用按鈕代碼：

3.圖片代碼：

[color=#FF0000]幾秒鍾後[/color]自動返回上一頁代碼:（加入兩個head間，3000表示3秒）

function go()

{

window.history.go(-1);

}

setTimeout(「go()」,3000);

</SCRIPT>

「>返回上一頁</a>

</script>

(5)htm1代碼擴展閱讀：

跳轉頁面的html代碼的幾種寫法

html的實現

<head>

<metahttp-equiv="refresh" content="10">

<metahttp-equiv="refresh" content="5;url=hello.html">

</head>

2.javascript的實現

// 以下方式直接跳轉

window.location.href='hello.html';

// 以下方式定時跳轉

setTimeout("javascript:location.href='hello.html'", 5000);

</script>

3.結合了倒數的javascript實現（IE）

<spanid="totalSecond">5</span>

<scriptlanguage="javascript" type="text/javascript">

var second = totalSecond.innerText;

setInterval("redirect()", 1000);

function redirect(){

totalSecond.innerText=--second;

if(second<0) location.href='hello.html';

}

</script>

Ⅵ 求html一段代碼

<!DOCTYPEhtml>
<htmllang="en">
<head>
	<metacharset="UTF-8">
	<title>點擊查看大圖</title>
	<style>
		*{
			box-sizing:border-box;
			padding:0;
			margin:0;
		}
		.show-big{
			position:fixed;
			width:100%;
			height:100%;
			left:0;
			right:0;
			bottom:0;
			top:0;
			display:none;
			background:rgba(0,0,0,.3);
		}
		.show-bigimg{
			height:100%;
			margin-left:10%;
			
		}
		.show-small{
			width:100px;
			margin:100pxauto;
		}
		.show-smallimg{
			width:100%;
		}
	</style>
</head>
<body>
	<divclass="show-big"id="big_img">
		<imgsrc="https://imgsa..com/ke/c0%3Dke116%2C5%2C5%2C116%2C38/sign=/.jpg"alt="大圖">
	</div>
	<divclass="show-small"id="small_img">
		<imgsrc="https://imgsa..com/ke/c0%3Dke116%2C5%2C5%2C116%2C38/sign=/.jpg"alt="小圖">
	</div>
	<script>
		varbig_img=document.getElementById("big_img");
		varsmall_img=document.getElementById("small_img").getElementsByTagName("img")[0];
		small_img.onclick=function(){
			big_img.style.display="block";
		}
		big_img.onclick=function(){
			big_img.style.display="none";
		}
	</script>
</body>
</html>

默認只顯示小圖，點擊小圖會出現大圖，點擊大圖或者灰色背景大圖會消失。

Ⅶ 主頁HTML代碼

滾動 :
向上：

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
這里填寫你要滾動的文字或者圖片
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向下：

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
這里填寫你要滾動的文字或者圖片
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

圖片的代碼，鏈接的代碼
根據你使用的圖片和連接＾

Ⅷ 關於htm代碼

是html代碼（HyperText Mark-up Language）。
超文本標記語言（標准通用標記語言下的一個應用，外語縮寫HTML），是迄今為止網路上應用最為廣泛的語言，也是構成網頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。

Ⅸ 常用的HTML代碼

常用HTML代碼解釋

一、文字
1.標題文字 <h#>..........</h#> #=1~；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="圖的名稱">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL"> </map>
【1】定義形狀 -- shape
shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形
【2】定義區域 -- coords
a.矩形：必須使用四個數字，前兩個數字為左上角座標，後兩個數字為右下角座標
例：<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，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>
<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>是回行代碼，加幾個就會空幾行。<font face="華文彩雲" size="6" color="#FFFFFF">是定義文字屬性的。face="華文彩雲"是定義字體，你可以把字體換成隸書、宋體等。size="6"是定義字型大小的，數字越大字越大，如果不定義，默認是2號字。color="#FFFFFF"是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區有人發過，你可以找來改。

<p align="center"><img src="圖片地址"><br><br><font color="#FFFFFF">介紹文字</font><br><br><br>

第一個括弧里的代碼仍然是定義圖片和文字居中的。<img src="圖片地址">是插入圖片代碼。<font color="#FFFFFF" size=3>介紹文字</font>是定義這段文字的。如果想改變字擰⒆痔濉⒆值難丈

閱讀全文

htm1代碼

(4)htm1代碼擴展閱讀：

參考資料來源：HTML-網路

與htm1代碼相關的閱讀推薦