表格在網站中應用得非常廣泛,使用它可以方便、靈活地排版,很多動態大型網站也都是借助表格排版的,但現在都使用DIV+CSS進行頁面布局。表格可以把相互關聯的信息元素集中定位,使瀏覽頁面的人一目了然。在HTML文檔中,表格需要通過表格標記<table>、行標記<tr>、單元格標記<th>或<td>等標記按一定的關系嵌套共同完成,<tr>、<td>必須定義在<table>之間。表格的基本結構如下所示:
指引
網頁中的信息主要是以文本為主的,可以通過字體、大小、顏色、底紋、邊框等來設置文本的屬性。文字版面的編輯包括文本標簽和格式標簽兩種,在瀏覽器中顯示的文字內容和格式都要在<body>標記中編寫。文字是網頁設計最基礎的部分,一個標準的文字頁面可以起到傳達信息的作用。對文字的格式化,通常可以使用兩種方式:一種方式是直接使用HTML標記,另一種方式是使用CSS。利用CSS可以對文本的格式進行精確控制,使用HTML標記則更有利于搜索引擎抓取。本章主要介紹一些和頁面排版相關的標記。
1 HTML基礎標簽
HTML標簽有很多,為了方便學習和使用,我們可以將這些標簽按類別細分一下。基礎標簽則是頁面制作最常使用的一些標簽,包括上一章介紹過的結構標簽,都屬于基礎標簽。本節介紹的基礎標簽如表1所示:
表1 HTML基礎標簽
每個頁面都是一個獨立的HTML文檔,每個HTML文檔的主體結構又都是相同的,而且在一個文檔中這樣的主體結構只能聲明一次。可以簡單的將HTML文檔主體結構分為兩部分,一部分是定義文檔類型,HTML5中聲明文檔類型可比以前的版本簡單多了,只需要15個字符就可以搞定。另一部分則是定義文檔主體的結構框架標簽,因為標簽并不是任意排放的,需要有一定的嵌套規則。就像一顆樹是從樹根到樹干、樹枝、樹葉這樣的結構生長,而不能在樹葉上長出樹根來,HTML文檔的結構也是如此,整個文檔是一個整體,最外層標簽只有一個,第二層標簽有兩個,是這樣固定的結構,第三層以后可以任意嵌套,就像一顆倒立的樹形結構。如圖所示:
圖 HTML文檔的樹狀結構
*請認真填寫需求信息,我們會在24小時內與您取得聯系。