HTML基本架構
HTML文件包括文件頭和文件體兩部分構成,通常狀況下HTML文件的結構以下所示:html
<html> <head> 頭部信息 </head> <body> 文件主體,正文部分 </body> </html>
經常使用標籤<b>加粗的文字</b>
<i>傾斜的文字</i>
<del>刪除線</del>
<ins>插入線</ins>
<sub>做爲下標的文字</sub>
<sup>做爲上標的文字</sup>
<blockquote>須要進行縮進的文字</blockquote>
換行:<br>
段落:<p>一段文字</p> 段落上下空兩行<center>段落居中</center>
水平分割線:<hr>
在網頁中插入圖像:
<IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="寬度"
HEIGHT="高度" BORDER="邊框」 ALIGN="對齊方式" >
超連接
在HTML中,建立超連接的標記是<A>。<A>標記是雙標記。以<A>開始,以</A>結束。<A>標記建立的連接能指向一個HTML頁面、一幅圖像、一個視頻文件等任何資源。
<A NAME="錨名稱" HREF="URL" TITLE="標題" TARGET="目標">超連接文字</A>
•超連接由如下五個重要組成部分:
•(1)在一個超連接裏,最重要的部分是目標地址。當瀏覽者單擊該超連接時,會出現什麼內容,全是由目標地址來決定的。
•(2)超連接的第二個重要部分是連接文字,這個文字的做用是讓瀏覽者看到並單擊。
•(3)超連接的第三個組成部分是標題。
•(4)超連接的第四個組成部分是目標窗口。
•(5)超連接的第五個組成部分是錨。
表格架構
<table width=「表格寬度」 height=「表格高度」> <tr> <td>標題欄1</td> <td>標題欄2</td> </tr> <tr> <td>內容1</td> <td>內容2</td> </tr> </table>
對齊
表格都是由行組成的,行也能夠設置對齊方式。經過對行的對齊方式的設定,能夠使表格更加整齊。表格行的對齊方式包括水平對齊方式和垂直對齊方式。
valign屬性能夠設置行的垂直對齊方式,就是使行裏面的內容都垂直對齊,其中默認爲垂直居中對齊。ide
<table> <tr valign=""> <td>表格內容</td> </tr> </table>
align屬性能夠設置行的水平對齊,就是使行裏面的內容都水平對齊,
其中默認爲水平居左對齊。spa
<table> <tr align=""> <td>表格內容</td> </tr> </table>
跨行與跨列
在一個表格裏,有時候咱們想設置的表格中,並不必定每行每列的行數和列數都是同樣的。這時候咱們就須要進行行和列的合併.
跨列colspan:code
<table> <tr> <td colspan=所跨的列數>表格的內容</td> </tr> </table>
跨行rowspan:視頻
<table> <tr> <td rowspan=所跨的列數>表格的內容</td> </tr> </table>