学习笔记（五）：HTML中的其他标签

---

一、图片

能用的图片类型

页面上可以插入图片，能够插入的图片类型是：jpg(jpeg)、gif、png、bmp。类型和类型之间有什么区别，css课上讲。
不能往网页中插入的图片格式是：psd、ai

语法

HTML页面不是直接插入图片，而是插入图片的引用地址，所以也要把图片上传到服务器上。
插入方法：

1 <img src="baby.jpg" />

img是英语image“图片”的简写
src 是英语source“资源”的简写，千万不要写成scr。
src是img标签的属性，baby.jpg是这个属性的值。

alt属性

alt是英语alternate“替代”的意思，就表示不管因为什么原因，当这个图片无法被显示的时候，出现的替代文字（有的浏览器不支持）。

相对路径

HTML中插入图片，所以现在有两个文件，一个html文件，一个是jpg文件。
我们关心的就是这两个文件的相对位置。即使这个网站项目，被用u盘拷给了别人，只要相对路径不变。图片一定能够正常显示。
若想插入深一层文件夹内的图片，可一直罗列文件夹名字，直到图片，如：

1 <img src="images/jiehunzhao/baby.jpg" alt="" />

若在上层文件夹中，可用 ../ 来返回上一层文件夹中选取图片，如：

1 <img src="../3.jpg" alt="" />

二、超链接

基本写法

一个网站，是由很多html网页组成的，html网页之间能够通过超级链接互相跳转，从而形成了“网”。
语法：

1 <a href="1.html"></a>

a标签的另外两个属性

title 悬停文本
target 是否在新窗口中打开
完整的超级链接：

1 <a href="1.html" title="悬停文本" target="_blank">链接的内容</a>

页面内的锚点

锚点用name属性来设置，一个a标签如果name属性（或者id属性），那么就是页面的一个锚点。

1 <a name="wdzp">我的作品</a>
2 或者：
3 <a id="wdzp">我的作品</a>

那么网址：

1 1.html#wdzp

就能够让这个锚点在页面最顶端显示，此时页面有卷动。