教你如何創(chuàng)建和測試Web頁

由于HTML文件的實(shí)質(zhì)就是文本文件，因此可以用任何文本編輯器編輯HTML文件，通?？梢允褂肳indows系統(tǒng)中的"記事本"程序。另外，由于Windows98／Me／2000系統(tǒng)中捆綁了IE5或IE5.5（Internet Explorer 5.0或5.5），因此用戶在Windows中可以方便地對Web頁進(jìn)行簡單的測試。

（1）創(chuàng)建Web頁

　　保存了Web頁之后，在所選擇的文件夾中將包含所創(chuàng)建的Web頁，可以由IE將其打開。

（2）發(fā)布Web頁

　　用戶創(chuàng)建了Web頁之后，通?？梢灾苯訉⑵浔４嬖谟脖P、軟盤或光盤上，作為一種電子文檔，也可以將其發(fā)布到Internet上，以便讓全世界的瀏覽者都能夠進(jìn)行瀏覽。發(fā)布Web頁時(shí)應(yīng)按以下步驟進(jìn)行。

① 創(chuàng)建本地站點(diǎn)

② 申請網(wǎng)頁空間

③ 用FTP上傳網(wǎng)頁

標(biāo)題處理

　　在HTML中，用戶可以通過Hn標(biāo)記符來標(biāo)識文檔中的標(biāo)題和副標(biāo)題，其中n是1到6的數(shù)字。<H1>表示最大的標(biāo)題，<H6>表示最小的標(biāo)題。使用標(biāo)題樣式時(shí)，必須使用結(jié)束標(biāo)記符。

標(biāo)題文字標(biāo)記符的格式：

<Hn align="對齊方式" > 標(biāo)題文字 </Hn>

屬性align用來設(shè)置標(biāo)題在頁面中的對齊方式：left（左對齊）、center（居中）或right（右對齊）。

　　如:
　　<H4 align="left" face="楷體_GB2312" size="4" color="#0000FF">計(jì)算機(jī)系</H4>

　　<Hn>…</Hn>標(biāo)記符默認(rèn)顯示宋體。<Hn>…</Hn>標(biāo)記符會自動插入一個(gè)空行，不必再用空行標(biāo)記符。在一個(gè)標(biāo)題行下無法使用不同大小的字體。

　　與HEAD中的<TITLE>…<／TITLE>定義的網(wǎng)頁標(biāo)題不同，標(biāo)題格式顯示在瀏覽器窗口內(nèi)，而不顯示在瀏覽器的標(biāo)題欄中。

段落處理

　　在HTML中段落處理是通過段落標(biāo)記來完成的，常用的段落標(biāo)記符有：

1．注釋標(biāo)記符

　　HTML的注釋標(biāo)記符的格式為：<!--注釋內(nèi)容-->

2．強(qiáng)制換行標(biāo)記符

　　強(qiáng)制換行標(biāo)記符為<BR>，放在一行的末尾，可以使后面的文字、圖片、表格等顯示于下一行，而又不會在行與行之間留下空行，即強(qiáng)制文本換行。

3．強(qiáng)制換段標(biāo)記符

　　在HTML文檔中，無法用多個(gè)回車、空格、Tab鍵來調(diào)整文檔段落的格式。要用HTML的標(biāo)記符來強(qiáng)制換行、分段。

（1）強(qiáng)制換段標(biāo)記符強(qiáng)制換段標(biāo)記符的格式為：文字<P>

（2）設(shè)置段落標(biāo)記符設(shè)置段落標(biāo)記符的格式為：<P align="對齊方式"> 文字 <／P>

4．顯示預(yù)排格式標(biāo)記符

　　當(dāng)用其他編輯工具編排好了一段文字后，其中很可能有一些HTML文件不支持的控制符號，如同車、多個(gè)空格、Tab鍵等。如果希望在瀏覽網(wǎng)頁時(shí)仍保留在編輯工具中已經(jīng)排好的段落格式，可以使用<PRE>標(biāo)記符將預(yù)先排好的格式保留下來。

　　顯示預(yù)排格式標(biāo)記符的格式為：

　　<PRE>預(yù)先排好的格式<／PRE>

5．分區(qū)顯示標(biāo)記符

　　分區(qū)顯示標(biāo)記符的格式為：

　　<DIV align="對齊方式">  文本或圖像  <／DIV >

6．水平線

　　在頁面中插入一條水平標(biāo)尺線（Horizontal Rules），可以使不同功能的文字分隔開，看起來整齊、明了。

　　水平線標(biāo)記符的格式為：

　　<HR align="對齊方式" size="橫線粗細(xì)" width="橫線長度" color="橫線顏色" noshade>