HTML基础-(链接标签,图像标签) 20190528

学习HTML的第二天,主要内容:1、链接标签    链接标签中的核心属性href,href可以是一个跳转地址。href里面的内容就是路径。路径总共有三种表示方法 2、图像标签    核心标签img,src.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--链接标签-->
<!--核心属性就是href 属性值可以是一个跳转的地址-->
<a href="">GO!百度</a>
<a href="../0527day01/07.html">跳转到昨天的07.html</a>

<!--适用于任何带有路径的东西-->
<!--href里面的内容就是路径-->
<!--
绝对路径:从盘符开始,然后依次的往下查找
本地:
C:/Users/Administrator/Desktop/0527day01/07.html
服务器的:
www.baidu....
127.0.0.1
192.168....

http://www.baidu.com
相对路径: 从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示

盘符根路径: 直接可以跳转到当前文件所有的盘符根目录中 /
服务器底下 省略
本地底下
-->

<!--图像标签
src 图片的路径,
alt 当图片显示不出来的时候才会显示
图片正在下载的时候。。。加载中
图片的路径错误的时候
width
height
align

img是我们接触的第一个行内块标签,靠左或者靠右
-->
<img src="/koala.jpg" alt="图片正在加载中" width="200" align="center" />
<img src="/koala.jpg" alt="" width="200" align="center" />
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/ddrr123/p/10936000.html
今日推荐