html——a標(biāo)簽與img標(biāo)簽

一.<a>標(biāo)簽

定義:

<a>標(biāo)簽定義超鏈接,用于從一張頁面鏈接到另一張頁面

屬性:

  • href:元素最重要的屬性是 href 屬性,它指示鏈接的目標(biāo)。值為URL
    例:<a >卓越女生BBS</a>
    上邊的代碼我們會看到如下的效果:
    <a >卓越女生BBS</a>
  • download:規(guī)定要下載的超鏈接目標(biāo),值為filename
    例:<a href="/i/w3school_logo_white.gif" download="w3logo"> <img border="0" src="/i/w3school_logo_white.gif" alt="W3School"> </a>
  • target:規(guī)定在何處打開鏈接文檔。
  • _blank:在新窗口中打開被鏈接文檔。
  • _parent:在父框架集中打開被鏈接文檔。
  • _self:默認(rèn)。在相同的框架中打開被鏈接文檔。
  • _top:在整個(gè)窗口中打開被鏈接文檔。
  • framename:在指定的框架中打開被鏈接文檔。
  • 語法:<a target="value">

二. <img>標(biāo)簽

定義:

<img>可向網(wǎng)頁中嵌入一張圖像

  • 注意:請注意,從技術(shù)上講,<img> 標(biāo)簽并不會在網(wǎng)頁中插入圖像,而是從網(wǎng)頁上鏈接圖像。<img> 標(biāo)簽創(chuàng)建的是被引用圖像的占位空間。

屬性:

  • 必需屬性
    • src(必需屬性):值為URL,規(guī)定所要顯示圖像的URL

    • alt(必需屬性):值為text,規(guī)定代替圖像的文本

    • 可選屬性(常用):

      • height:定義圖像高度(pixels%
      • width:定義圖像寬度 (pixels%)
      • align:規(guī)定如何根據(jù)周圍文本來排列圖像(top,bottom,middle,left,right)
      • border:定義圖像周圍的邊框(pixels)

語法:

例:
<img src="https://www.google.com/http%3A%2F%2Fwww.sanhe.es%2F_mz%2Feditor%2Fattached%2Fimage%2F20141209%2F20141209223126_34300.jpg" alt = "古羅馬" width = "50" height = "50" border = "1"/>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,202評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,383評論 0 16
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評論 1 41
  • 摘要:什么是布里咔論?它是一種新的銷售思維方法,掌握它,我們就能破解職場中的很多銷售難題,提升銷售業(yè)績,在生活或者...
    晴空依然閱讀 447評論 0 1

友情鏈接更多精彩內(nèi)容