HTML代碼教程
教程一、基本標志
1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>
Html是英文 HyperText Markup Language 的縮寫，中文意思是“超文本標志語言”，用它編寫的文件(文檔)的擴展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫字板或 FrontPage Editor 等編輯工具來編寫Html文件。Html語言使用標志對的方法編寫文件，既簡單又方便，它通常使用<標志名></標志名>來表示標志的開始和結(jié)束(例如<html></html>標志對)，因此在Html文檔中這樣的標志對都必須是成對使用的。在此教程中，我先講一下Html的基本標志：
1.<html></html>
<html>標志用于Html文檔的最前邊，用來標識Html文檔的開始。而</html>標志恰恰相反，它放在Html文檔的最后邊，用來標識Html文檔的結(jié)束，兩個標志必須一塊使用。
2.<head></head>
<head>和</head>構(gòu)成Html文檔的開頭部分，在此標志對之間可以使用<title>< /title>、<script></script>等等標志對，這些標志對都是描述Html文檔相關信息的標志 對，<head></head>標志對之間的內(nèi)容是不會在瀏覽器的框內(nèi)顯示出來的。兩個標志必須一塊使用。
3.<body></body>
<body></body>是Html文檔的主體部分，在此標志對之間可包含<p>、< /p>、<h1>、</h1>、<br>、<hr>等等眾多的標志，它們所定義的文本、圖像等將 會在瀏覽器的框內(nèi)顯示出來。兩個標志必須一塊使用。<body>標志中還可以有以下屬性：
屬性 用途 示例
<body bgcolor="#rrggbb"> 設置背景顏色。 <body bgcolor="red">紅色背景
<body text="#rrggbb"> 設置文本顏色。 <body text="#0000ff">藍色文本
<body link="#rrggbb"> 設置鏈接顏色。 <body link="blue">鏈接為藍色
<body vlink="#rrggbb"> 設置已使用的鏈接的顏色。 <body vlink="#ff0000">
<body alink="#rrggbb"> 設置正在被擊中的鏈接的顏色。 <body alink="yellow">
說明:以上各個屬性可以結(jié)合使用，如<body bgcolor="red" text="#0000ff">。引號內(nèi)的rrggbb是 用六個十六進制數(shù)表示的RGB(即紅、綠、藍三色的組合)顏色，如#ff0000對應的是紅色。此外，還可以使用Html語言所給定的常量名來表示顏 色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、 Fuchsia、Silver、Red、Blue和Teal，如<body text="Blue">表示<body></body>標志對中的文本使用藍色顯示在瀏覽器的框內(nèi)。
4.<title></title>
使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍色部分顯示的文本信息，那些信息一般是網(wǎng)頁的“主題”，要將您的網(wǎng)頁的主題顯示到瀏覽器的頂部其實很簡 單，只要在<title></title>標志對之間加入您要顯示的文本即可。注意：<title>< /title>標志對只能放在<head></head>標志對之間。
下面是一個綜合的例子，仔細閱讀，您便可以了解以上各個標志對在一個Html文檔中的布局或所使用的位置。
例1 Html文檔中基本標志的使用
<html>
<head>
<title>顯示在瀏覽器最上邊藍色條中的文本</title>
</head>
<body bgcolor="red" text="blue">
<p>紅色背景、藍色文本</p>
</body>
</html>
教程二、格式標志
1.<p></p>
2.<br>
3.<blockquote></blockquote>
4.<dl></dl><dt></dt><dd></dd>
5.<ol></ol><ul></ul><li></li>
6.<div></div>
上一個教程中我們講了Html文檔的基本標志，但我們還不知道怎樣在瀏覽器中顯示文本之類的東西，這正是我們在教程二中將要談到的。在學習之前，必須強調(diào) 一下，我們這個教程中所講的格式標志統(tǒng)統(tǒng)都是用于<body></body>標志對之間的。
1.<p></p>
<p></p>標志對是用來創(chuàng)建一個段落，在此標志對之間加入的文本將按照段落的格式顯示在瀏覽器上。另外，<p>標志還可以使用align屬性，它用來說明對齊方式，語法是：<p align=""></p>。align可以是Left(左對齊)、Center(居中)和Right(右對齊)三個值中的任何一個。如<p></p>表示標志對中的文本使用居中的對齊方式。
2.<br>
<br>是一個很簡單的標志，它沒有結(jié)束標志，因為它用來創(chuàng)建一個回車換行，這么一說我想您該會使用了吧。在<br>的使用上還有一定的技巧，如果您把<br>加在<p></p>標志對的外邊，將創(chuàng)建一個大的回車換行，即<br>前邊和后邊的文本的行與行之間的距離比較大，若放在<p></p>的里邊則<br>前邊和后邊的文本的行與行之間的距離將比較小，您不妨試試看。
3.<blockquote></blockquote>
在<blockquote></blockquote>標志對之間加入的文本將會在瀏覽器中按兩邊縮進的方式顯示出來。
4.<dl></dl><dt></dt><dd></dd>
<dl></dl>用來創(chuàng)建一個普通的列表，<dt></dt>用來創(chuàng)建列表中的上層項目，<dd></dd>用來創(chuàng)建列表中最下層項目，<dt></dt>和<dd></dd>都必須放在<dl></dl>標志對之間。看一下下邊的例子您就會明白了：
例2 創(chuàng)建一個普通列表
<html>
<head>
<title>一個普通列表</title>
</head>
<body text="blue">
<dl>
<dt>中國城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>廣州 </dd>
<dt>美國城市</dt>
<dd>華盛頓 </dd>
<dd>芝加哥 </dd>
<dd>紐約 </dd>
</dl>
</body>
</html>
此例在瀏覽器中的顯示如下:
中國城市
北京
上海
廣州
美國城市
華盛頓
芝加哥
紐約
5.<ol></ol><ul></ul><li></li>
<ol></ol>標志對用來創(chuàng)建一個標有數(shù)字的列表；<ul></ul>標志對用來創(chuàng)建一個標有圓點的列表；<li></li>標志對只能在<ol></ol>或<ul></ul>標志對之間使用，此標志對用來創(chuàng)建一個列表項，若<li></li>放在<ol></ol>之間則每個列表項加上一個數(shù)字，若在<ul></ul>之間則每個列表項加上一個圓點。請看下邊的例子：
例3 標有數(shù)字或圓點的列表
<html>
<head>
<title></title>
</head>
<body text="blue">
<ol>
<p>中國城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>廣州 </li>
</ol>
<ul>
<p>美國城市 </p>
<li>華盛頓 </li>
<li>芝加哥 </li>
<li>紐約 </li>
</ul>
</body>
</html>
此例在瀏覽器中的顯示如下:
中國城市
1. 北京
2. 上海
3. 廣州
美國城市
? 華盛頓
? 芝加哥
? 紐約
6.<div></div>
<div></div>標志對用來排版大塊Html段落，也用于格式化表，此標志對的用法與<p></p>標志對非常相似，同樣有align對齊方式屬性，讀者可以自己試試看。
教程三、文本標志
1.<pre></pre>
2.<h1></h1>……<h6></h6>
3.<b></b><i></i><u></u>
4.<tt></tt><cite></cite><em></em><strong></strong>
5.<font></font>
上一個教程中我們已經(jīng)講了如何在瀏覽器中輸出文本，以及文本輸出的格式，這個教程中我們將談一談文本輸出的字體，如斜體、黑體字、下加一劃線等等。在本教程的最后給出了一個文本標志的綜合示例，希望讀者能認真閱讀。
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>