首页 > Web开发 > 详细

HTML实训知识分享Day02

时间:2018-02-03 10:29:02      阅读:169      评论:0      收藏:0      [点我收藏+]

模块回顾

1.img标签及其属性

2.锚及超链接

3.table及其属性

一、img标签及其属性

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

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>

 

HTML实训知识分享Day02

原文:https://www.cnblogs.com/LuckyGJX/p/8404789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!