这是我参与「第四届青训营 」笔记创作活动的第2天
本堂课的重点
1.文本标签
2.超链接、锚点
3.列表
4.表格
1.HTML中的文本标签
段落标签 <p></p>
组合标签 <span></span>
加粗标签 <b></b> <strong></strong>
斜体标签 **<i></i> <em></em>
小字标签 <small></small>
<sub></sub>下角标
<sup></sup>上角标
标题标签 <h1>-<h6>
2.HTML中的超链接
作用：用于网页直接的跳转
基础结构：<a href="url"></a>
注意：在HTML中如果要跳转到外网，那么一定要写上协议名称
常用属性： href 规定链接指向的页面的 URL。 target 规定在打开链接文档的方式。 取值：_blank 在新的标签中打开； _self ( 默认 ) 直接在本标签中跳转。
锚点 作用：可以直接将页面锁定到某个位置（可以在同一页面也可以在不同页面跳转）。
注意：如果只是想在本页移动，可以不写目标页面地址，直接写#tar
3.HTML中的图片
JPG：有损压缩，色彩丰富的图片(风景图片，人物图片，实物图片)
GIF：简单动画、背景透明
PNG：无损压缩、透明、交错、动画
透明：可以给图片指定一种颜色，使其不被显示而成为透明。
交错：在显示图片的过程中可以从概貌逐渐变化到全貌，看上去也就是清晰度的从小变大。
<img>标签
作用：在网页中插入
基础结构： <img src="url" alt="" />
常用属性： width 设置图片的宽度;height 设置图片的高度;alt 有关图形的短的描述。
usemap :定义图片热点 在图片中，我们可以使用热点技术，为我们的图片去分割多个区域，做链接效果
4.HTML中的列表元素
父标签：<ul>元素 / <ol>元素
子标签：<li>元素 如果希望列表是一个可以点击跳转的状态，那么一般我们会使用A标签配合使用 一般A标签会放置到li元素中包裹文字。 其实可以使用属性去改变项目符号，但是项目中一般会使用样式去改变。
5.定义列表
父标签：<dl>元素
子标签: <dt>元素/<dd>元素
定义列表也是一个有序同样样式的列表，它的特点是列表中有标题和内容的格式。
6.表格
基本元素：
父标签：<table>元素
子标签：<tr>元素（行）
子子标签：<td>元素/<th>元素(单元格)th：表头 td：表格单元
align属性控制它的对齐方式
table标签的属性
`border` 规定表格边框的宽度
`frame` 规定外侧边框的哪个部分是可见的。
` box `全包裹 `above `上边框 `below `下边框 `hsides `上下边框 `vsides` 左右边框
`rules` 规定内侧边框的哪个部分是可见的。
` all` 内侧横众都有 `rows` 内侧横向 cols 内侧纵向
`cellpadding` 规定单元边沿与其内容之间的空白。
`cellspacing` 规定单元格之间的空白。
`width` 规定表格的宽度。
`summary` 规定表格的摘要。
tr元素的属性
`align` 定义表格行的内容水平对齐方式。`right`\`left`\`center`
`valign` 规定表格行中内容的垂直对齐方式。 `top`\`middle`\`bottom`
`Height` 规定这行的高度
td/th标签的属性
`height` 选中一行的高度
`align` 水平对齐方式 right/left/center
`valign` 垂直对齐方式 top/middle/bottom
`colspan` 合并行单元格
`rowspan` 合并列单元格
