学习笔记(五):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
就能够让这个锚点在页面最顶端显示,此时页面有卷动。