从零开始的毕设--HTML(超文本标记语言)（3）

创建目标

用id属性为<a>创建目标：

1. 找到希望创建锚点的位置。
2. 为目标选择标识名

<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>

认识媒体

1. jepg:
   不支持透明度。文件小。不支持动画。这是一种“有损”格式，因为缩小文件大小时会丢掉图像中的信息。
2. 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 ）

使用缩略图
如果图片太多会使得网站加载变慢，所以使用缩略图：（这只是图片太多的一种方法）

1. 为缩略图创建一个目录。
2. 将各个照片大小调整为150像素*100像素，保存至目录中。
3. 将网页中各个img元素的src设为照片的缩略图版本。
4. 增加从各个缩略图到新页面的链接，这个新页面包含响应的大图片。