图像/超链接标签

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>

猜你喜欢