整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML基礎操作:圖片顯示

          景圖片

          本例演示如何向 HTML 頁面添加背景圖片。

          <html>

          <body background="background.jpg">

          <h3>圖像背景</h3>

          <p>gif 和 jpg 文件均可用作 HTML 背景。</p>

          <p>如果圖像小于頁面,圖像會進行重復。</p>

          </body>

          </html>

          HTML基礎操作:圖片顯示

          全棧攻城獅-每日更新原創IT編程技術及日常實用視頻。

          主要內容:這是HTML課程的第五課,主要講解HTML的圖片和超鏈接。讓自己設計的網頁更加多元素。

          上節回顧

          在上節中主要講解了HTML的文字標簽和格式標簽。上篇請戳→→04程序員定要學HTML,字體段落標簽介紹,60秒搞定

          其實如果沒有記住也無所謂。畢竟這些標簽都是HTML中比較常用的,在以后的相關的案例中也會使用。此系列教程主要講解HTML從基礎到精通。自己能夠設計一個完整的前端網頁項目。

          程序員寫代碼


          圖片

          在HTML中添加圖片其實很簡單,就是添加一個img的標簽。

          圖片標簽的語法

          一般有src、alt、width、height四種屬性就夠用了。

          效果:

          圖片的顯示效果

          圖片路徑的寫法

          src表示的是圖片的路徑,這里面的值應該怎么寫呢?

          (1)html文件和圖片在相同一個文件夾下。

          HTML文件和圖片文件在相同的目錄下,可以直接書寫文件的名稱。

          寫文件名的寫法,如上面的HTML

          (2)圖片在HTML文件所在目錄的文件夾內:

          如圖:

          圖片文件在文件夾內

          此時需要加上文件夾名稱,并加上“/”表示下層目錄:

          下層目錄的圖片寫法

          (3)圖片文件在上層目錄

          如果圖片在HTML文件所在的上層目錄,則需要寫“..”表示向上一級。如圖:

          上層目錄


          超鏈接

          超鏈接就是可以鏈接到某個資源的東西,比如我們打開百度首頁搜索后,產生的就是超鏈接:

          這些藍字超鏈接

          這些藍色的文字標題,我們點擊之后可以跳轉到新的網站。這就是超鏈接。下面我們自己寫一個超鏈接:

          超鏈接的寫法

          超鏈接預覽


          超鏈接中的屬性

          超鏈接中的潮涌屬性包括:href(網頁地址)、title(說明描述)、target(打開網頁的位置)、name(名稱)。

          其中href支持帶有任何協議的連接。title是對超鏈接的說明。

          程序員

          target包括四個值:

          _blank

          在新的窗口打開連接

          _self

          在當前窗口打開超鏈接

          _parent

          在父窗口打開超鏈接,這個后面會說,不常用

          _top

          在整個窗口中打開被鏈接文檔。


          每天一個知識點,帶你邁向軟件編程大神,一起努力吧。

          碼/視頻評論后加前端學習群470593776

          javascript課題:原生js拖拽照片墻

          知識點:浮動定位布局切換技巧,js鼠標事件,拖拽功能

          碰撞檢測,原生js運動框架,2017年就業形勢分析,面試技巧等

          源碼:

          源碼/視頻評論后加前端學習群470593776

          源碼/視頻評論后加前端學習群470593776

          代碼過長,只發部分,大家評論下本文章后

          可以加下前端群【470593776】(源碼和視頻)


          主站蜘蛛池模板: 日韩视频一区二区三区| 免费高清在线影片一区| 国产一区二区三区在线免费观看| 精品一区精品二区| 一区二区三区福利视频免费观看| 国产一区二区三区内射高清| 久久久久人妻一区精品色| 中文字幕VA一区二区三区 | 日韩一区二区三区精品| 亚洲性色精品一区二区在线| 日韩人妻不卡一区二区三区 | 亚洲AV无码一区二区三区人| 国产午夜精品一区二区三区| 国产精品第一区第27页| 午夜精品一区二区三区在线观看| 亚洲熟女综合色一区二区三区| 免费一区二区三区| 国产主播一区二区| 久久一区二区明星换脸| 国产一区二区三区在线看| 国产在线精品一区免费香蕉| 中文乱码精品一区二区三区| 久久无码人妻精品一区二区三区| 亚洲乱码一区二区三区在线观看 | 中文国产成人精品久久一区| 亚洲国产高清在线精品一区| 亚洲一区二区三区日本久久九| 国产在线精品一区免费香蕉| 久久久久国产一区二区三区| 岛国精品一区免费视频在线观看| 久久国产高清一区二区三区| 国产日韩AV免费无码一区二区| 91精品一区国产高清在线| 久久se精品一区二区影院| 国产天堂在线一区二区三区| 亚洲AⅤ无码一区二区三区在线| 一区二区三区中文字幕| 国精品无码一区二区三区在线蜜臀| 波多野结衣免费一区视频| 亚洲毛片αv无线播放一区| 亚洲高清日韩精品第一区|