img标签:指图片
src:指图片路径
1.绝对路径:硬盘地址:C://盘、D://盘、E://盘、(绝对路径打开时最好用IE或者谷歌浏览器) 网页的图片路径
2.相对路径:相对于本HTML文件的路径
alt : 指的是图片不显示,文字来代替
.titile:鼠标放在图片上提醒-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图像/超链接标签</title>
</head>
<body>
<!--img标签:指图片-->
<!--src:指图片的路径,分两种路径
1.绝对路径:硬盘地址:C://盘、D://盘、E://盘、(绝对路径打开时最好用IE或者谷歌浏览器)
网页的图片路径
2.相对路径:相对于本HTML文件的路径
/ :路径分隔符
./ :同路径(可省略)
../:代表上一级目录-->
<!-- 1.src :是指图片的路径
2.alt : 指的是图片不显示,文字来代替
3.titile:鼠标放在图片上提醒-->
<img src="img/a.jpg" alt="奥特曼图" title="这是一个奥特曼图片">
<img src="img/t0110df23d4255406e1.jpg" alt="风油精图" title="这是一个搞笑图">
<img src="https://www.baidu.com/img/baidu_jgylogo3.gif">
<img src="https://img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_de705fb729d0ccd2668cc465a4eb144c/0" alt="英雄联盟" title="德玛西亚!"><br>
<!--a:标签
1.href:指的是跳转的地址,文件的地址:如果浏览器解析就会给你显示,如果解析不了提供下载功能。-->
<!--target★
1._blank:在新窗口页打开★
2._self:在当前窗口打开(默认)★-->
<a href="https://www.7fgame.com/" target="_blank" title="起于凡而非凡">起凡官网</a>
<a href="../day02/index.html">跳转相对页面</a>
<a href="biaogelianxi.html">相对路径跳转</a>
<a href="img/a.jpg">指向一个图片地址</a>
<a href="20190325表格作业.zip">指向压缩包下载</a>
<!--target:新的窗口页面打开-->
<a href="https://sw3.duoyi.com/" target="_blank">神武3官网</a><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#top">回到顶部</a>
<!--如果要跳转到其他页面的顶部就在<a href="#top">#号前面加上地址-->
<a href="biaogelianxi.html#demo">跳转其他页面指定的锚</a>
<!--锚点链接:
锚:<a name="top"></a>
<a id="top"></a>
底部:<a href="#top">回到顶部</a>
如果要跳转到其他页面的顶部就在<a href="#top">#号前面加上地址
-->
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>单元格与单元格之间的间距cellspacing/单元格与内容之间的边框cellpadding</title>
</head>
<body>
<!--两行两列-->
<!--cellspacing:单元格之间的间距-->
<!--cellpadding:内容与边框之间的距离-->
<table border="1px" width="200px" height="200px" cellspacing="0" cellpadding="30px">
<tr>
<td>英语</td>
<td>数学</td>
</tr>
<tr>
<td>语文</td>
<td>体育</td>
</tr>
</table>
</body>
</html>