2020年2月13号--HTML基础学习笔记（二）

2020年2月13号–HTML基础学习笔记（二）

1. img元素
   alt 属性 用来为图像定义一串预备的可替代的文本。
   为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
2. HTML自定义列表
   实例： 下面是一个自定义列表。

<dl>
  <dt>苹果</dt>
    <dd>又大又红</dd>
  <dt>香蕉</dt>
    <dd>又香又甜</dd>
</dl>

3. HTML <span> 元素
什么是内联元素 和块级元素 ：整理内联元素和块级元素
<span> 元素是内联元素，可用作文本的容器。
4. div元素
用于文档布局取代使用表格定义布局的老式方法
5. HTML框架
<iframe> 元素是否显示边框
rameborder 属性 默认值为**“1”** ，表示开启边框。设置 frameborder 属性值 为 “0” ，则表示移除 的边框。
提示： HTML5 不支持 <iframe> frameborder 属性，请使用 CSS 设置样式代替。
6. HTML颜色
7. HTML脚本标签
使HTML 页面具有更强的动态性和交互性。

8. HTML实体
   下面是常见的 HTML 实体列表：
   
9. HTML表格
   <table> 元素来定义。
   实例： 下面是一个包含两行三列的表格。

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

下面是 HTML 表格标签描述列表：

10. HTML 表格边框属性
border 属性 规定表格单元周围是否显示边框。如果不定义边框属性 ，表格将不显示边框 。border 属性值为 “1” 显示表格的边框是 1 像素宽 。

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

12. HTML 合并单元格
    rowspan 属性 定义单元格应该横跨的行数，如 rowspan=2，表示横跨两行。
    colspan 属性 定义单元格应该横跨的列数，如 colspan=4，表示横跨四列。
    实例1： 下面是一个横跨两行的表格单元格。

<table border="1">
  <tr>
    <td>First Name:</td>
    <td>Lucy</td>
  </tr>
  <tr>
    <td rowspan="2">Telephone:</td>
    <td>666 77 888</td>
  </tr>
  <tr>
    <td>666 77 889</td>
  </tr>
</table>

实例2： 下面是一个横跨两列的表格单元格。

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>¥1000</td>
  </tr>
  <tr>
    <td>February</td>
    <td>¥800</td>
  </tr>
  <tr>
    <td colspan="2">Sum: ¥1800</td>
  </tr>
</table>