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>