❶ 常用的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>是定義這段文字的。如果想改變字擰⒆痔濉⒆值難丈

❷ html代碼大全

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.雜項
說明 <!-- *** --> (瀏覽器不會顯示)

❸ HTML源代碼是什麼

嗯嗯、HTML是用來做網站的一種語言哈、這樣吧、你打開一個網頁、然後再網頁任何一個地方點擊內滑鼠右鍵容、然後選擇「查看源文件」、點擊過後將以記事本的形式打開、裡面的就全是HTML代碼哈、看看吧、希望對你有所幫助!至於怎麼使用這個就有專門的教程了哈、你到網路文庫裡面找找教程嘛、

❹ html代碼是什麼

HTML(HyperTextMark-upLanguage)即超文本標記語言或超文本鏈接標示語言,是目前網路上應用最為廣泛的語言,也是構成網頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。

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

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

  1. 先新建一個文本文件,可以自己命名,如下圖,我命名為測試。

  2. 測試是否成功,雙擊 測試.html,如果出現了下面的內容,恭喜你,你已經學會了最簡單的html編寫。

❻ html代碼

PS:表格的顏色自己改,拍照後顯示估計有色差。
<table cellpadding="0" cellspacing="0" width="600" bgcolor="#bebfb0" border="1" style="border-collapse:collapse;text-align:center;">

<caption>課程表</caption>
<tr>
<td colspan="2">時間\日期</td>
<td>一專</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
</tr>
<tr>
<td rowspan="2">上午</td>
<td>9:30-10:15</td>
<td>語文屬</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
<tr>
<td>10:25-11:10</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
<tr>
<td colspan="7"> </td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>14:30-15:15</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
<tr>
<td>15:25-16:10</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
</table>

❼ 什麼是HTML代碼 怎麼製作HTML代碼

製作HTML網頁教程:http://www.enet.com.cn/eschool/zhuanti/
dreamweaver
/
(一)插入
HTML代碼
的方法
1、在
設計視圖
中插入
HTML代碼

(1)方法一:
①復制HTML代碼。
②在DW設計視圖中滑鼠定位在想要插入代碼處,按右鍵\點插入HTML。
③點「編輯菜單\粘貼HTML」。
(2)方法二:
①在DW設計視圖中滑鼠定位在想要插入代碼處,按右鍵\點插入HTML。
②在彈出的「插入HTML<>」窗口中的括弧<>中間輸入代碼。
③要編輯修改代碼,這樣做:
右擊
標簽\編輯標簽。
2、在代碼視圖中插入HTML代碼
在代碼視圖中的標記<head>和</head>之間或者在標記<body>和</body>之間輸入代碼即可