html的基本結構

標記語言，就是有標簽結構的語言。

不管html文件有多復雜，它的基本結構

<元素 屬性='屬性值' ... >內容</元素>

如果沒有內容，可以這樣寫。

元素也被叫做標記。

案例

<p>是段落標記

<font size="" color=""> </font>

font表示字體標記

<b></b>粗體

<br>換行。

<p></p>和<br>的區別。

<p>表示段落之間的間隔，有段間距，而且<p>和</p>之間的內容被看做一個整體。

?

字符實體：

?

?使用超鏈接可以讓網頁連接到另外一個頁面。

超鏈接：

<a href="a.html">老鼠愛大米</a>

href指跳轉的地址。

<a>有target，它有兩個常見的屬性值，_blank(在新頁面打開),_self（默認,在本頁面打開，替換本頁面）。

?當超鏈接剛出現的時候，為之一驚。

還有電子郵箱：<a href="mailto:hsp@qq.com></a>

圖片元素

<img src="img/ll.jpeg" width="120px">

在圖片元素中設置邊框：border="1".

<img src="img/ll.jpeg" width="120px" border="1">

html表格

表格的主要用途是顯示數據和圖片，還有布局。

<table border="1" width="300px" align="center" bgcolor="yellow">
<tr><td>1</td><td>2</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>4</td></tr>
</table>
</body>
</html>

設置背景顏色是：bgcolor。

<table border="邊框寬度" cellspacing="空隙大小" cellpadding="填充大小">

</table>

<tr></tr>表示行

<td></td>表示列。

cellspacing表格空隙大小：值兩個列，行間的距離。

cellpadding表示填充大小；各行各列的內容被填充，這樣在一定程度上會撐大格子。

?如果高度沒有設置的話，那么也會撐大表格（高度指定就不會了）。

其實就是<td></td>離格子上下左的距離變大了。

如，沒有指定cellpadding之前是這樣的：

指定cellpadding="15px"后是這樣的：

?cellspacing表示每一個<td>之間的間隔。

cellspacing是兩個格子之間的大小，而cellpadding是在格子里面的擴充。