html對a標簽的運用以及屬性,img圖像標簽的屬性及應用


今天學習的難點自我感覺在於a標簽超鏈接的應用。不是很熟練,晚上回家准備敲敲代碼,讓a的超鏈接標簽使用的更加熟練,對於上午的img 屬性值已經明白 。
還是日常記一下每日的重點
 
a標簽去下划線: a{text-decoration:none}
<!--圖像標簽:
    img標簽:<img>
屬性1 src="圖片的路徑"
    絕對路徑:硬盤的地址:C://    D://     F://
            網頁上圖片的地址:http://
    相對路徑:相對於本Html文件的路徑
            /:路徑分隔符
            ./同路徑(可省略)
            ../:上一級目錄
            
            
    img src="" alt=""
  圖片格式  屬性值  圖片打不開時用文字來代替
屬性2 alt= 圖片打不開時用文字來代替
屬性3 title鼠標放到圖片上提示一段編輯好的文字
超鏈接標簽:<a></a>
屬性:href=超鏈接跳轉的地址
     html的地址
     絕對路徑
     相對路徑
     文件的地址:如果瀏覽器能解析,就會給你顯示如果解析不了就會提示下載功能
屬性:target:
  屬性值:_blank:在新窗口也打開鏈接
          _self:在當前頁面解開(默認)
屬性:title:鼠標放上去時顯示的文字
  
       錨點鏈接:
        錨(任一標簽)<a name="top"> </a>
                     <a id="top"></a>
             底部:<a href="#top">回到頂部</a>
             <a href="網頁地址#top">回到頂部</a>
       <><>
-->
a標簽使用案例

</table>
<img src="F:\HRMLWORK\day02\img\a.PNG" >
<img src="img/a.png">
<img src="https://www.baidu.com/img/bd_logo1.png" title="點我一下,立馬破產">
<a href="https://www.baidu.com">百度</a>
<a href="index02.html">index02</a>
<a href="img/1.png">圖片</a>
<a href="img.rar">下載</a>
<a href="https://www.baidu.com" target="_blank" title="百度">百度</a>
<a href="index02.html#wuwu">02</a>
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<a href="#top">huiqu</a>
</body>





 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM