1.图片标签
src:图片路径(必须属性)
alt:替换文本(图片不能显示的时候替换成文字)
title:提示文本(鼠标放到图像的时候)
width:设置图像的宽度
height:设置图像的高度(高度和宽度修改一个就可)
border:设置图像边框的粗细
(各个属性之间必须要空格)
2.路径:(重点)
目录文件夹:普通的文件夹,存放要做页面所有的素材
根目录:打开目录文件夹的第一层就是根目录
相对路径( / ):图片相对于html页面的位子
同一级路径: <img src="1.jpg" />
下一级路径: / <img src="image/1.jpg" />
上一级路径: ../ <img src="../1.jpg" />
绝对路径( \ ):指在电脑上的那个位置:D:\web\img\logo.gif
完整的网络地址http://www.itcast.cn/images/logo.gif
3.超链接标签:(重点)
(1)外部链接:文本或图片
属性:
href:指定链接目标的url地址(必须属性)
target:链接页面打开的方式
_self(默认值):当前窗口打开页面
_blank:新窗口打开页面
(2)内部链接:网站内部之间的相互链接,直接链接内部页面即可
<a href="index.html">首页</a>
(3)空链接:如果当没有确定链接目标时首页
(4)下载链接:如果href里面是一个文件或者是压缩包的话,点击就会下载这个文件
(5)网页元素链接:在网页中的各种网页元素,如文本、图片、表格、音频、视频等都可以添加超链接
<a href="http://baidu.com"><img src="1.jpg"/></a>
(6)锚点链接:点击链接,可以快速的定位到页面中的某个位置
第一步:设置href属性为“#名字”<a href="#two">第二集</a>
第二步:找到要跳转的位置,在里面添加一个id属性=刚才的名字 <h3 id="two">第二集介绍
</h3>