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>

 

posted @ 2018-02-03 08:44  LuckyGJX  阅读(103)  评论(0编辑  收藏  举报