<strike id="ca4is"><em id="ca4is"></em></strike>
  • <sup id="ca4is"></sup>
    • <s id="ca4is"><em id="ca4is"></em></s>
      <option id="ca4is"><cite id="ca4is"></cite></option>
    • 二維碼
      企資網(wǎng)

      掃一掃關注

      當前位置: 首頁 » 企資快訊 » 服務 » 正文

      零基礎10天學會網(wǎng)頁制作第二天(中)之屬姓介紹

      放大字體  縮小字體 發(fā)布日期:2021-11-10 02:59:38    作者:微生連東    瀏覽次數(shù):25
      導讀

      上半部分呢,主要講述得是路徑得選擇,這個是至關重要得,前邊也說過,路徑不僅僅局限于支持得選擇,以后得css,javascript,以及網(wǎng)頁得跳轉等等,都會牽扯到路徑,所以,才花費了較大篇幅去闡述,也希望大家能夠引

      上半部分呢,主要講述得是路徑得選擇,這個是至關重要得,前邊也說過,路徑不僅僅局限于支持得選擇,以后得css,javascript,以及網(wǎng)頁得跳轉等等,都會牽扯到路徑,所以,才花費了較大篇幅去闡述,也希望大家能夠引起重視。

      還有一個知識點需要補充一下,上半部分呢,對于支持得路徑都是采用得本地路徑,如果我們要加載網(wǎng)上得某一張支持呢?這個其實更簡單,直接可以把支持得地址寫到src里,如下圖:

      比如,這里有一個網(wǎng)上得支持地址:

      avatar.csdnimg/B/C/8/0_ming_147.jpg

      代碼如下:

      代碼

      效果如下:

      效果

      我們接著講述下面得課程,什么是屬性呢?其實就是某個附加信息,比如人,他得附加信息,有名字,有年齡,那么針對于標簽,屬性就是它得附加信息,有一個需要注意得,屬性是寫在標簽內(nèi),也就是起始得標簽內(nèi)<>,雖然不區(qū)分大小寫,但盡量和標簽統(tǒng)一,使用小寫字母;屬性,是一個鍵值對,語法如下:

      key="value"。

      看到上邊得語法,我們是不是想到了第壹天講述得img標簽得用法,還記得么?是不是里面也有個屬性,src,如下圖:

      屬性

      其實絕大多數(shù)屬性都是這樣呈現(xiàn)得,一般以雙引號為主,有時候也會使用單引號;單雙引號,表述是一致得,下面我們舉個例子,新建一個網(wǎng)頁,引入一個支持,如下圖:

      目錄

      代碼如下:

      代碼

      效果如下:

      效果

      很簡單得一個例子,只是展示一個支持,在實際開發(fā)中,一般我們會控制支持得大小,也就是支持得寬高,畢竟有得支持太大了,直接展示影響美觀,怎么樣控制寬高呢?這里就需要屬性了,寬屬性:wdith,高屬性:height,我們分別使用一下:

      把支持得寬調整為,寬100px,px是像素,也就是單位,下個課程,我們講述一下,這里,我們先作為了解,px可以書寫,也可以不寫,默認就是像素單位。

      代碼如下:

      代碼

      效果如下:

      效果

      有得朋友想問了,我明明只寫了寬,沒有寫高,為什么顯示這樣呢?這個需要大家了解一下,如果,我們只僅僅得寫了寬,或者只寫了高,

      那么對于img這個標簽,它會按照你指定得大小,對另一個做等比例得縮放或放大處理,也就是說,本來支持寬100px,高100px,你改寫了寬屬性,設置width="20px",那么隨之得,高也會變成20px,這就是等比例得處理。

      我們再看一個例子,同時設置寬和高:

      代碼如下:

      代碼

      效果如下:

      效果

      兩個屬性都設置得話,那么它就會按照你設置得進行展示,有可能會出現(xiàn)支持得拉伸或壓縮情況,這種情況得出現(xiàn),是因為你得支持過大或者過小而導致得,在實際得開發(fā)中,我們也要考慮到這種情況,一般UI,會給我們標注支持得尺寸,或者比例,我們按照UI得標注去寫,就沒有問題。

      上邊兩個就是img得屬性,其實也沒啥難得,無非就是控制寬高而已,需要注意一下,多個屬性之間,我們使用空格隔開,我們再去看另一屬性,alt屬性,alt 屬性用來為圖像定義一串預備得可替換得文本,什么意思呢,就是在支持無法加載,或者加載錯誤得時候,所展示得文本信息,如下圖,我們故意把支持得地址寫錯:

      代碼

      因為我們沒有“l(fā)ife1.png”這張支持,加載肯定是錯誤得,我們看下效果:

      效果

      以上是支持加載錯誤后,給用戶展示得支持描述信息,如果說支持展示正常,用戶鼠標滑過支持,就給出支持得描述,我們該如何設置呢?實現(xiàn)這種效果,我們就必須再去掌握它得另外一個屬性“title”,我們直接看例子:

      代碼

      效果如下:

      效果

      截圖截不了這個效果,就用手機拍得,所以啊,老鐵們,寫這種技術文章是很耗時得,還麻煩給個哦,在這里謝謝了。

      2、a標簽及屬性得使用

      我們經(jīng)常看到很多網(wǎng)頁里,某個支持,或者某段文字,就跳轉到了另一頁面,比如淘寶,京東,商品后,就跳轉到商品詳情,本站或者網(wǎng)易新聞,某個新聞,就跳轉了新聞詳情,這是如何實現(xiàn)呢?其實絕大部分都可以用a標簽來實現(xiàn)。

      a標簽呢,是一個超鏈接,超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,我們可以這些內(nèi)容來跳轉到新得文檔或者當前文檔中得某個部分,當我們把鼠標指針移動到網(wǎng)頁中得某個鏈接上時,箭頭會變?yōu)橐恢恍∈帧?/p>

      我們先看下效果,href是a標簽得屬性,用來跳轉得地址,類似img標簽得src屬性,都是指向得一個路徑。

      代碼

      效果如下:

      效果

      因為href里是空得,所以,目前得時沒有一點效果得,下面我們練習下跳轉,這里我們分為兩種,一種是網(wǎng)絡地址跳轉,一種是本地文件跳轉。

      第壹種,網(wǎng)絡地址跳轉

      我們直接跳到百度首頁,代碼如下:

      代碼

      右鍵選擇瀏覽器中打開:

      瀏覽器打開

      跳轉百度后,直接打開了百度首頁,大家可以試一試,這里就不貼圖了。

      第二種,本地文件跳轉

      目前“a標簽.html”和“遠程支持加載.html”同屬一個目錄,在代碼里,我們直接寫文件得名字。

      目錄

      在“a標簽.html”里代碼如下:

      代碼

      效果如下:

      效果

      之后:

      之后

      基本上本地得文件跳轉,和上半部分得支持得路徑是一樣得,如果對于路徑,你已經(jīng)很清晰了,那么文件在子目錄或者在父目錄,根目錄,相信你也沒有問題,無非就是"../"和“/”及文件夾得使用,這里就不舉太多得例子了,畢竟之前已經(jīng)花費了很大篇幅在說路徑問題,如果你目前仍然對路徑有不解,可以看看之前所講得內(nèi)容,或者看對應得第二天得視頻,我也會重復去講。

       
      (文/微生連東)
      免責聲明
      本文僅代表作發(fā)布者:微生連東個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯(lián)系我們刪除處理郵件:weilaitui@qq.com。
       

      Copyright ? 2016 - 2025 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號

      粵ICP備16078936號

      微信

      關注
      微信

      微信二維碼

      WAP二維碼

      客服

      聯(lián)系
      客服

      聯(lián)系客服:

      在線QQ: 303377504

      客服電話: 020-82301567

      E_mail郵箱: weilaitui@qq.com

      微信公眾號: weishitui

      客服001 客服002 客服003

      工作時間:

      周一至周五: 09:00 - 18:00

      反饋

      用戶
      反饋

      午夜久久久久久网站,99久久www免费,欧美日本日韩aⅴ在线视频,东京干手机福利视频
        <strike id="ca4is"><em id="ca4is"></em></strike>
      • <sup id="ca4is"></sup>
        • <s id="ca4is"><em id="ca4is"></em></s>
          <option id="ca4is"><cite id="ca4is"></cite></option>
        • 主站蜘蛛池模板: 亚洲综合激情另类小说区| 国产精品综合一区二区| 午夜男女爽爽影院网站| 中文字幕精品无码亚洲字| 西西人体大胆免费视频| 日本国产成人精品视频| 国产乱人伦av在线a| 久久人妻无码中文字幕| 青青草91在线| 无码午夜人妻一区二区不卡视频| 国产亚洲欧美精品久久久| 久久久无码精品亚洲日韩蜜桃| 野花高清在线观看免费完整版中文| 日韩人妻一区二区三区免费| 国产在线观看麻豆91精品免费| 久久精品人人做人人爽| 野花日本免费观看高清电影8 | 窝窝午夜看片国产精品人体宴| 欧美在线观看www| 国产精品一在线观看| 亚洲av永久精品爱情岛论坛| 黄瓜视频有直播的不| 无需付费大片免费在线观看| 啊灬啊灬用力灬别停岳视频| 一区二区三区在线|欧| 特级毛片AAAAAA| 国产精品麻豆高清在线观看| 亚洲区小说区图片区qvod| 国产精品27页| 日本亚洲黄色片| 再灬再灬再灬深一点舒服| a级毛片免费高清视频| 欧美添下面视频免费观看| 国产欧美va欧美va香蕉在| 久久亚洲国产成人亚| 精品国产理论在线观看不卡| 在线观看免费宅男视频| 亚洲av片不卡无码久久| 色综合久久伊人| 大香煮伊在2020久| 亚洲免费人成在线视频观看|