九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
Alex's Blog : IMG代碼參數(shù)使用方法圖文教程
IMG代碼參數(shù)使用方法圖文教程
===========================================================
我們常常會在編輯日志的時候配以圖片,怎么樣可以更好的安排我們的版式,讓頁面看起來更漂亮呢?那就需要用到<IMG>這個代碼啦,我們來一起走進(jìn)<IMG>這個代碼使用方法圖文教程吧~
*
首先來認(rèn)識一下這個代碼:<IMG>稱為圖形標(biāo)記,主要用以將圖片于插入到網(wǎng)頁中。
<IMG>的一般參數(shù)設(shè)定,也就是可以控制圖片是大是小,是左是右的控制參數(shù)有:
src=” ”
alt=
width=
height=
hspace=
vspace=
border=
align=
* 進(jìn)入日志編輯頁面,點(diǎn) HTML即可 編輯這些代碼


*
舉個例子吧,比如下面的這段代碼:

<IMG
src="http://www.viewstock.com/full/dir2494/dir853/1720037.JPG" alt=不同的位置 width=220 height=146 align=right hspace=8 vspace=3 border=
1>在地鐵里有兩種位置........(文本)
它能夠?qū)崿F(xiàn)的效果:

大家在編輯自己的日志的時候,可以將這段參數(shù)拷貝到自己的 HTML 編輯模式的界面下,修該成自己想要的數(shù)值就可以了。
* 下面我們來分析一下具體的參數(shù)在效果中的作用:

    1. src="http://www.viewstock.com/full/dir2494/dir853/1720037.JPG"
    網(wǎng)絡(luò)上的圖片地址,可以鏈接自其他的網(wǎng)頁,了解這個地址的方法很簡單,在圖片上點(diǎn)鼠標(biāo)右鍵,選擇屬性,就可以看到圖片的地址了,把這個地址復(fù)制下來就可以了。


    2. alt=不同的位置
    這是用以描述這個圖片的文字,若用者使用文字瀏覽器,由于不支持圖片,這些文字更會代替圖片而被顯示。若于支持圖片顯示的瀏覽器,當(dāng)鼠標(biāo)移至圖片上該些文字就會顯示。 這個可有可無,根據(jù)個人的需要吧~

    3. width=220
    設(shè)置圖片的寬度,以象素(Pixels)為單位。

    4. height=146
    設(shè)置圖片的高度,以象素(Pixels)為單位。
    在設(shè)定大小的時候,我們只需要選擇規(guī)定一定的寬度或一定的高度就可以了,圖片會按比例自動縮放,不用全部都設(shè)定,避免計(jì)算錯誤導(dǎo)致圖片被拉伸。例如在上邊的例子中,為了讓大家看效果,我用了兩個參數(shù),其實(shí)只需要用width=220就可以達(dá)到我想要的效果了。
    為了避免失真,最好設(shè)為圖片的真實(shí)大小,若需要改變圖片大小最好使用圖像編輯工具事先編輯好。當(dāng)然如果我們懶一點(diǎn),或?qū)D片的效果要求不高,那么我們就沒必要,畢竟編輯圖片也要花時間嘛~

    5. hspace=8
    圖片與周圍文字或圖片的左右邊距,以象素(Pixels)為單位。

    6. vspace=3
    圖片與周圍文字或圖片的上下邊距,以象素(Pixels)為單位。
    這兩個參數(shù)用于設(shè)定圖片邊沿空白,以免文字或其它圖片過于貼近,讓頁面看起來更美觀

    7. border=1
    圖片邊框厚度。

    8. align=right
    調(diào)整圖片在頁面上出現(xiàn)的位置,你可以控制文字環(huán)繞在圖片的左邊或右邊等??捎弥担簂eft, right (即圖片在左邊,右邊)
    還有其他可選值:top, middle,bottom(即圖片在上方,中間,下方),但文字只會有一行出現(xiàn)在圖片旁邊的上方,中間或下方,不會出現(xiàn)整段的環(huán)繞。
    例如:把剛才那段代碼中的align值設(shè)為 align=Top
    <IMG src="http://www.viewstock.com/full/dir2494/dir853/1720037.JPG" alt=不同的位置 width=220 height=146 align=Top hspace=8 vspace=3 border=1>在地鐵里有兩種位置........(文本)


    怎么樣?清晰一些了嗎?參數(shù)上自己可以多實(shí)驗(yàn)一下,就可以看到不同的效果了,現(xiàn)在來動手嘗試一下吧。

    本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
    打開APP,閱讀全文并永久保存 查看更多類似文章
    猜你喜歡
    類似文章
    學(xué)習(xí)網(wǎng)頁制作基礎(chǔ)入門教程(4) 圖象標(biāo)簽4
    運(yùn)用html代碼進(jìn)行帖圖的格式
    HTML代碼學(xué)習(xí)教程(五)
    HTML語言剖析(十)圖形標(biāo)記
    HTML文字代碼
    HTML滾動代碼大全
    更多類似文章 >>
    生活服務(wù)
    熱點(diǎn)新聞
    分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
    綁定賬號成功
    后續(xù)可登錄賬號暢享VIP特權(quán)!
    如果VIP功能使用有故障,
    可點(diǎn)擊這里聯(lián)系客服!

    聯(lián)系客服