HTML实训知识分享Day02

模块回顾

1.img标签及其属性

2.锚及超链接

3.table及其属性

一、img标签及其属性

1.img标签定义图像<img src="" alt="">

2.src属性是链接要显示图像的URL。src="当前图片文件的路径，默认选取html文件所在文件夹"

3.alt属性是定义有关图形的短的描述。alt="当图片报错无法显示时显示的文字"

4.title属性是显示鼠标放在图片时显示的文字

5.绝对路径和相对路径

①绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。

②相对路径：是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。

/(window 盘符 代表当前文件夹的根目录)
../ (代表当前文件夹的上一级目录)
./ （当前文件目录 可省略）

二、锚及超链接

1.超链接a标签，它用于从一个页面连接到另一个页面。<a href="要连接的地址路径" style="text-decoration: none;color:文字颜色">超链接名称<a> <!--text-decoration: none;取消超链接的下划线，如果没有路径可以用#代替-->，target属性定义新链接打开的位置，打开方式掌握两种：._blank 在新窗口中打开连接，._self 在当前页面打开连接

2.锚点通常用a标签来表示，如果没有<a>元素没有href属性的话，可以作为原本链接位置的占位符，常用于home链接，

锚点链接：
首先创建一个标记
<a name="标记值">这是Top</a>
然后定位
<a href="#标记值">Top置顶</a>

如果是不同文件地址的链接

<a name="标记值">hello</a>
然后定位
<a href="所要跳转文件地址#标记值（一般用字母）">hello</a>

三、table及其属性

1.table定义表格，

<table border="1px(显示的边框宽度)" with="" height="" cellspacing="设置单元格与单元格之间的距离" cellpadding="这只单元格中的内容与边框的距离">

<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<tr>一行
<td>一列</td>
</tr>