HTML 自学笔记（HTML的图像标记+超链接的使用）

HTML的图像标记

Ⅰ.<img>图像标记

1. 使用方法：<img src="路径/文件名/图片格式" with="" hight="" border="" alt="">
2. 注意：

• • • <img>是单标记。
    • 在加载图像文件时，文件的路径/文件名/图片格式错误，将无法加载图像

3.img的属性：

• • • src 作用：指定加载的名称、路线及图片格式。
    • with作用：指定图像的宽，单位：px/em/cm/mm
    • hight作用：指定图片的高，单位：px/em/cm/mm
    • border作用：指定边框的宽度，单位：px/em/cm/mm
    • alt 作用：

1. 1. 1. 1. 当网页上的图片被加载完成后，鼠标移动到上面，会显示图片指定的文字来代替。
         2. 如图像加载失败，会用文字代替。
         3. 搜索引擎可以通过这个属性的文字来抓取图片。
   • • 注意：
       1. 若文件与html所在同一文件夹，只需写入文件名和格式
       2. 图像与正在编辑的html不在同一文件夹且在上一级目录中，可加"../"即<img src="../fengjing.jpg">
       3. 若图片是别的网站，则可复制图片网址。只需：<img src="图片网址">

超链接的使用

Ⅱ.超链接的使用

1. 语法：<a href="" target="打开方式" name="页面锚点名称">链接文字或者图片</a>
2. 属性：

• • • href 连接的地址，可以是一个网页、视频、图片、音乐等
    • target定义超链接的打开方式：
    1. 1. blank 在一个新的窗口中打开链接。
       2. serif（默认）在当前窗口打开链接。
       3. parent 在父窗口中打开页面（框架中使用较多）。
       4. top 在顶层窗口中打开文件（框架中使用较多）。

3.name属性：指定页面锚点名称。

<a name="dingbu"></a> 
<!--内容部分。该部分文字或图片较多，一个页面不能完全显示--> 
<a href="dingbu">到页面顶部</a>