声明：笔记摘自菜鸟教程(https://www.runoob.com/)

1. head 元素

2. 样式- CSS

• CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式

2.1如何使用CSS

2.2跳转至CSS教程

3. 图像

• 在 HTML 中，图像由<img> 标签定义。

• <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

• 要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。

• 语法：

<img src="url" alt="some_text">

• 如果将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。

3.1 Alt 属性

• alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
• 在浏览器无法载入图像时，替换文本属性告诉读者失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。

<img src="boat.gif" alt="Big Boat">

3.2 图像的高宽

• height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。属性值默认单位为像素:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

• 如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。

3.3 HTML 图像标签

3.4 更多实例

4. 表格

• 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

4.1 表格表头

• 表格的表头使用 <th> 标签进行定义。大多数浏览器会把表头显示为粗体居中的文本：

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

4.2 HTML 表格标签

4.3 更多实例

5. 列表

• HTML 支持有序、无序和定义列表:

5.1 有序列表

• 有序列表是一列项目，列表项目使用数字进行标记。
• 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

5.2 无序列表

• 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

• 无序列表使用 <ul> 标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

5.3 自定义列表

• 自定义列表不仅仅是一列项目，而是项目及其注释的组合。
• 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

5.4 HTML 列表标签

5.5 更多实例