html、css、js入门-3：HTML的图像与链接

 

图像元素 <img>

   . 使用 <img> 元素将图像添加到页面
       -- 空标记

   .必须属性:src
   
   .常用属性:width、height

   <img width="100" src="image/rose.jpg" />

 

链接元素  <a>

 
   . 使用 <a> 元素创建一个超级链接，语法如下:

   . <a href="" traget="">文本</a>
 
         -- href 属性:链接 URL
         -- target 属性:目标，可取值为_blank、_self 等

    
   <a href="http://www.google.com.hk">To Google</a>
   <br/>
   <a href="teacher/teacher.asp" target="_blank">
         To other page
   </a>

 

 

URL

   . URL(Uniform Resource Locator) : 统一资源定位器，用来标识网络中的任何资源

        -- 文本、图片、音视频文件，段落，或其它超文本

   . 完整 URL 的组成

        -- 协议、机名、路径名、文件名

   . URL中的路径名表示方法有

        -- 相对路径
        -- 绝对路径

 

 

锚点

    . 锚点是文档中某行的一个记号

          -- 用于链接到文档中的某一行

    . 定义锚点

          -- <a name="anchorname1">锚点一</a>

    . 链接到锚点: 在锚点名前加上#
       
          -- <a href="#anchorname1">回到锚点一</a>

         
         <a name="top"></a>   <!--定义锚点-->

         <br /><br /><br /><br />

         <a href="#top">Return to top</a>  <!--使用链接，导航到锚点-->

 

图像和连接标记

 
 1、 为html 文档添加图像
 2、 为html 页面添加链接
 3、 实现页面上的导航定义