上午学习了cellspacing\cellpadding,img标签以及三种属性,src,alt,title。下午学习了超链接<a></a>,绝对路径与相对路径,锚点链接的使用。今天通过练习已经会应用,但是生疏而且容易出错,查错更正花费时间长,需要坚持练习。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<!--cellspacing="0px":单元格之间的间距
cellpadding="10px":内容与边框的距离
图像标签:
img标签:<img>
属性1:src="图片的路径"
绝对路径:硬盘的地址:C:// D:// F://
相对路径:相对于本HTML文件的路径
/:路径分隔符
./:同路径(可省略)
../:上一级目录
属性2:alt="当图片显示不出来时显示的文字"
属性3:title=""鼠标放到图片上显示的文字
超链接标签:<a></a>
href="链接跳转的地址"
HTML的地址
绝对路径:
相对路径:
文件的地址:如果浏览器能解析就会给你显示,如果解析不了提供下载功能,如压缩包
属性:target:
1._black:在新窗口打开链接
2._self:在当前页打开链接(默认)
属性:title="当鼠标放上去时显示的文字"
锚点连接:
锚:<a name="top"></a>
<a id="top"></a>
底部:<a href="网页地址#top">回到顶部</a>
-->
<a name="top"></a>
<table border="1px" width="200px" height="200px" cellspacing="0px" cellpadding="10px">
<tr>
<td>英语</td>
<td>数学</td>
</tr>
<tr>
<td>语文</td>
<td>体育</td>
</tr>
</table>
<img src="F:\HTMLWork\day02\img\a.png">
<img src="表格练习/img/a.png" alt="出错了" title="点击一下,你就知道">
<img src="https://www.baidu.com/img/bd_logo1.png">
<!--超链接-->
<a href="https://www.baidu.com">百度</a>
<a href="index02.html">index02</a>
<a href="img/a.png">图片</a>
<a href="img.zip">压缩包</a>
<a href="https://www.baidu.com" target="_blank" title="点击一下">百度</a>
<a href="index02.html#demo">index02.html</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="#top">回到顶部</a>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<!--cellspacing="0px":单元格之间的间距
cellpadding="10px":内容与边框的距离
图像标签:
img标签:<img>
属性1:src="图片的路径"
绝对路径:硬盘的地址:C:// D:// F://
相对路径:相对于本HTML文件的路径
/:路径分隔符
./:同路径(可省略)
../:上一级目录
属性2:alt="当图片显示不出来时显示的文字"
属性3:title=""鼠标放到图片上显示的文字
超链接标签:<a></a>
href="链接跳转的地址"
HTML的地址
绝对路径:
相对路径:
文件的地址:如果浏览器能解析就会给你显示,如果解析不了提供下载功能,如压缩包
属性:target:
1._black:在新窗口打开链接
2._self:在当前页打开链接(默认)
属性:title="当鼠标放上去时显示的文字"
锚点连接:
锚:<a name="top"></a>
<a id="top"></a>
底部:<a href="网页地址#top">回到顶部</a>
-->
<a name="top"></a>
<table border="1px" width="200px" height="200px" cellspacing="0px" cellpadding="10px">
<tr>
<td>英语</td>
<td>数学</td>
</tr>
<tr>
<td>语文</td>
<td>体育</td>
</tr>
</table>
<img src="F:\HTMLWork\day02\img\a.png">
<img src="表格练习/img/a.png" alt="出错了" title="点击一下,你就知道">
<img src="https://www.baidu.com/img/bd_logo1.png">
<!--超链接-->
<a href="https://www.baidu.com">百度</a>
<a href="index02.html">index02</a>
<a href="img/a.png">图片</a>
<a href="img.zip">压缩包</a>
<a href="https://www.baidu.com" target="_blank" title="点击一下">百度</a>
<a href="index02.html#demo">index02.html</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="#top">回到顶部</a>
</body>
</html>