在Web頁面上放置圖像
要開始在Web站點(diǎn)上放置圖像，首先要把圖像文件移到與HTML文件相同的文件夾中蝌焚，或者移到名為images的目錄中裹唆，通常使用它以便于組織站點(diǎn)內(nèi)容。
如果圖像文件位于文檔根目錄下的images目錄中只洒，則將使用以下代碼，可以看到它現(xiàn)在包含images目錄中的你的圖片文件的完整路徑：
src指“source”（源）劳坑，或者指向圖像文件的位置的引用毕谴。
與用于超鏈接的<a>標(biāo)簽一樣，可以在<img />標(biāo)簽的src屬性中指定任何完整的Internet地址，作為圖像文件的位置涝开。
利用文本描述圖像
上面的那行代碼中alt="My Image"循帐。alt代表替代文本，如果圖像沒有加載舀武，就會(huì)顯示該消息拄养，用以代替圖像。每種Web瀏覽器都以不同的方式呈現(xiàn)alt文本银舱。
甚至當(dāng)圖形已經(jīng)完全加載并且在Web瀏覽器中可見時(shí)瘪匿，無論何時(shí)鼠標(biāo)指針經(jīng)過圖像，alt消息都可能會(huì)出現(xiàn)在一個(gè)小方框中（稱為工具提示[ToolTip]）寻馏。alt消息也可以幫助任何具有視覺障礙（或者使用基于語音的界面閱讀Web頁面）的用戶棋弥。
如果你絕對不需要alt屬性，我建議給它分配一個(gè)空文本消息（alt=""）诚欠，對于較小的或者裝飾性的圖像顽染，有時(shí)就是這樣。
指定圖像的高度和寬度
100和200可變
對齊圖像
1.水平圖像對齊
像文本一樣轰绵，圖像通常對齊到左邊粉寞，除非另一種對其設(shè)置只是他們應(yīng)該居中或者對齊到右邊。left是CSS text-align屬性的默認(rèn)值左腔。也可以直接在<img />標(biāo)簽內(nèi)使用CSS float屬性仁锯，使文本環(huán)繞在圖像周圍。
2.垂直圖像對齊
要把一幅圖像的頂部與同一行上最高的圖像或字母的頂部對齊翔悠，可以使用<img style="vertical-align:text-top" />
要把圖像的底部與文本的底部對齊业崖，可以使用<img style="vertical-align:text-bottom" />
要把圖像的中間與行上的所有內(nèi)容的總體垂直中心對齊，可以使用<img style="vertical-align:text-middle" />
要把圖像的底部與文本的基線對齊蓄愁，可以使用<img style="vertical-align:baseline" />
注意：CSS vertical-align屬性還支持top和bottom值双炕，無論行上具有任何文本，它們都可以使圖像與元素所在行的總體頂部或底部對齊撮抓。
把圖像轉(zhuǎn)變成鏈接
使用縮略圖作為有效的圖像鏈接妇斤，鏈接到圖像的較大版本。用到<a>標(biāo)簽和<div>標(biāo)簽
使用背景圖像
協(xié)作用于創(chuàng)建背景的基本CSS屬性如下
background-color:指定元素的背景色丹拯。如果圖像是透明的或者沒有加載站超，作為替代，用戶將會(huì)看到背景色乖酬。
background-image:使用一下語法指定將圖像用作元素的背景：url('imagename.gif')死相。
background-repeat:指定圖像應(yīng)該怎樣在水平方向上和垂直方向上重復(fù)。默認(rèn)情況下咬像，背景圖像將同時(shí)在水平方向和垂直方向上重復(fù)算撮。其他選項(xiàng)包括：repeat（與默認(rèn)值相同）生宛，repeat-x（水平），repeat-y（垂直）肮柜，no-repeat（圖形只出現(xiàn)一次）陷舅。
background-position:指定圖像相對于它的容器最初應(yīng)該置于何處。
