#“HTML基础入门”实验报告 ##一、HTML为什么叫超文本和普通文本不同，html被称为超文本(hypertext),之所以被称为超文本，是因为其中的超链接（也就是我们平常说的链接）能够指向其他资源。 ##二、HTML链接 ###1、给文字及图片添加超链接给文字加超链接 ![实验楼](https://dn-simplecloud.shiyanlou.com/4504361496225321410-wm) 给图片加超链接 ![实验楼](https://dn-simplecloud.shiyanlou.com/4504361496225568310-wm) ###2、超链接的打开方式打开方式分为在本页打开和在新的浏览器窗口打开，默认情况下，超级链接打开新页面的方式是自我覆盖（就是在本页打开）。根据浏览者的不同需要，读者可以指定超级链接的其他打开新窗口的方式。超级链接标签提供了target属性进行设置，取值分别为_self（自我覆盖，默认）、_blank（创建新窗口打开新页面）。 ![实验楼](https://dn-simplecloud.shiyanlou.com/4504361496225676761-wm) ###3、超链接添加提示文字有些时候超链接文字不足以说明点击以后所要链接的内容，所以这个时候我们就需要给超链接添加提示文字，加以描述下一个链接的内容，当光标停留在超链接上时，提示语言就会显现，会让页面显现的很简介。 ![实验楼](https://dn-simplecloud.shiyanlou.com/4504361496226167287-wm) ###4、超链接添加书签涉及到的标签当然还是< a>标签,超级链接标签的name属性用于定义锚的名称，一个页面可以定义多个锚，通过超级链接的href属性可以根据name跳转到对应的锚。 ![实验楼](https://dn-simplecloud.shiyanlou.com/4504361496227303951-wm) ##三、HTML表格 - 表格两个属性：
colspan：控制此单位所占列数
rowspan：控制此单位所占行数
- 标签：< th>表头< /th>：设置表头 - 标签：< caption>标题< /caption>：设置表的标题 - 属性：cellpadding="..."设置单元格边距 - 属性：bgcolor="..."设置表格背景颜色 - 属性：background="..." 以某张图片作为表格背景 ##四、HTML图像 1.先设置一张图片为网页背景图片
在body 属性中加入background属性添加背景图片 2.添加属性调整图片的对其方式
在< img>标签中加入align属性，调整对齐。 3.调整插入图片尺寸
大多数的尺寸都没有那么合适，直接插入以后会破换整体页面的效果。所以在插入图片时，很有必要控制其尺寸，这是很容易办到的，就还需要在< img>标签中加入width height 两个属性。 4.创建图像映射
点击图片的不同地方跳转到不同的地方。意思就是，一张图片我们可以创建带有可供点击区域的图像地图，其中每个区域就是一个超链接。涉及到的标签就是< map>标签，用来指定图片,< area>用来指定超链接区域。