创建目标
用id属性为<a>创建目标:
- 找到希望创建锚点的位置。
- 为目标选择标识名
<h1 id="chai">Chai Tea,$1.85</h1>
用id属性链接到元素
<a href="index.html#chai" title="跳转到chai tea">See Chai Tea</a>
<!--同一网站-->
<a href="http://wickdsmart.com/buzz/#Coffee"></a>
<!--不同网站-->
<!--是buzz/#Coffee而不是buzz#Coffee-->
指向窗口和标签页
使用target打开新窗口
<a target="_blank" href="bupt.edu.cn">bupt</a>
认识媒体
- jepg:
不支持透明度。文件小。不支持动画。这是一种“有损”格式,因为缩小文件大小时会丢掉图像中的信息。 - png或者gif:
支持透明度。与jepg文件更大。支持动画。“无损格式”。
<img>元素
src属性不只是用于相对链接,还可以放入URL。
<img src="http://www.bupt.edu.cn/imges/ceo.jpg"
alt="this is a ceo picture">
<img src="../imges/ceo.jpg" width="48" height="100">
图像太大怎么办:
现在这个图像是1200像素宽,800像素高。(稍后将知道这是如何知道的。)
那么,如果希望图像宽度小于800像素,需要使用ps等照片编辑器修改。(这么麻烦?还有种方法:
https://blog.csdn.net/x163326/article/details/42319749 )
使用缩略图
如果图片太多会使得网站加载变慢,所以使用缩略图:(这只是图片太多的一种方法)
- 为缩略图创建一个目录。
- 将各个照片大小调整为150像素*100像素,保存至目录中。
- 将网页中各个img元素的src设为照片的缩略图版本。
- 增加从各个缩略图到新页面的链接,这个新页面包含响应的大图片。