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>
     еще Howой-то текст
</html>

不，它通常看起来像这样：



<html>
    plain text  <a href="http://codegym.cc/about">Link to something interesting</a> еще Howой-то текст
</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>Ivanов</td> <td>Ivan</td> <td>Ivanович</td> </tr>
    <tr> <td>Peterов</td> <td>Peter</td> <td>Peterович</td> </tr>
    <tr> <td>Сидоров</td> <td>Коля</td> <td>Сидоренко</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">
Java webinar