4.1 a、href標籤

好吧，我們還是不要忘記，我們是在培養你一個Java程序員，所以你只需要學習5個標籤。

首先，這是將文本變成超文本的最重要的標籤——鏈接。<a>要在 HTML 中創建鏈接，使用標籤（來自錨點，錨點）。

默認鏈接如下所示：

<a href="link-address">link text</a>

其中藍色是用戶看到的文字，綠色是點擊鏈接文字後會去到的地址（鏈接）。

包含鏈接的典型 HTML 文檔如下所示：


<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     some other text...
</html>
Java university

不，它通常看起來像這樣：



<html>
    plain text  <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>

世界並不完美。

4.2 img標籤和src屬性

要將圖像插入 HTML 頁面，<img>使用標籤（來自單詞圖像）。這是一個單獨的標籤，它沒有結束標籤。標籤的一般視圖：

<img src="image link">

一切都很簡單。要在 HTML 文檔中顯示圖像，您只需要知道該圖像的鏈接並使用img. 試試吧，你會喜歡的。

4.3 表格元素

此外，HTML 頁面可以包含帶有數據的表格。但是在這裡你不能只用一個標籤，如果你想的話。畢竟，表格有標題、行、列和單元格。他們都想出了自己的標籤：

  • <table>- 桌子本身；
  • <tr>( table row ) – 行表；
  • <th>( t able h header) – 表頭單元格；
  • <td>(表格數據) – 表格單元格。

這是 3 x 3 表格的樣子html（帶有額外的標題行）


<table>
    <tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
    <tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
    <tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
    <tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>

雖然現在很少用表了。問題是，當通過手機查看頁面時，以不同的方式顯示表格可能很有用（它根本不適合屏幕）。但是您仍然需要知道表格是如何排列的。

4.4 id和name屬性

還有兩個更重要的點是id和屬性name。這些是屬性，而不是標籤，但它們經常被使用。

idtag屬性允許您為其指定一個在整個文檔中唯一的名稱。如果 HTML 文檔中有一些 JavaScript 更改給定標記的值或參數，這將很有用。然後，借助unique，id就可以準確的引用到想要的標籤。

屬性name執行類似的功能，但它的值在頁面中不必是唯一的。也就是說，理論上可以有多個同名標籤。這樣做是為了更容易處理元素組。

例如，在一個頁面上有多個列表，每個列表中您只能選擇一個項目。然後，當選擇列表中的新元素時，您需要重置列表中剩餘元素的選擇。但不要觸及其他列表。如果同一列表的所有元素都具有相同的名稱，則可以輕鬆完成此操作。

任何標籤都可以同時具有屬性id和name. 例子：


<img id="image123" name="avatar" src="link to picture">