HTML初級(jí)教程圖像_XHTML教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

都是文本的話看起來讓人感到乏味和無聊，自然，網(wǎng)頁(yè)不應(yīng)該僅僅是文本而已（呵呵，對(duì)于一些技術(shù)性的文檔，我想，文本就已經(jīng)嚴(yán)重足夠了——譯者注），它是多媒體的，最常見的形式就是圖像。

圖像標(biāo)簽img用來為HTML添加圖像，像下面這樣改進(jìn)你的代碼：

示例代碼 [www.zhaotila.cn]

src屬性告訴瀏覽器圖像的地址。就像a標(biāo)簽一樣，它可以是絕對(duì)的，如示范所示，但更多時(shí)候它是相對(duì)的。比如，你擁有自己的圖像且已經(jīng)另存為alienpie.jpg放置在images文件夾下，代碼可以這樣寫<img src="images/alienpie.jpg"...

長(zhǎng)度屬性width和高度屬性height是必需的（Zeldman的“惡名昭著”的《Designing with Web Standards》（中文版《網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)》已經(jīng)出版，推薦翻譯者之一的聞名設(shè)計(jì)師ajie的網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)師，你要是沒有訪問過，趕緊去，保準(zhǔn)你收獲不小！）中說，width和height不是必須的，這可以節(jié)省帶寬。平時(shí)做網(wǎng)頁(yè)我也不喜歡用這兩個(gè)屬性。——譯者注），因?yàn)闉g覽器在下載過程中能夠計(jì)算出圖像占據(jù)的空間，否則瀏覽器可能會(huì)產(chǎn)生一個(gè)頁(yè)面的跳躍，因?yàn)槭孪炔⒉恢缊D像要占用多少空間，以致于破壞頁(yè)面布局。

alt屬性表示可替代的描述。這是為不能或者不選擇圖像顯示的客戶端著想（比如終端瀏覽器lynx，不能顯示圖片，但可顯示alt中的文本。最壞的情況是，你寫錯(cuò)了圖片的文件名或者路徑，即使在圖形瀏覽器中圖片顯示不出，但仍可顯示出alt中的文本，不會(huì)讓訪問者造成不必要的誤解。什么情況下我們都推薦你，一定記得使用alt。——譯者注）。在最新版本的HTML版本中，這是不可缺少的屬性。

注重

示例代碼 [www.zhaotila.cn]

給網(wǎng)頁(yè)創(chuàng)做圖像雖然不是本站的主題，但我們還是有一些對(duì)你有用的東西要說。
經(jīng)常被用到的圖像格式是GIF和JPEG。他們都是壓縮過的格式，有各自十分不同的用途。
GIF圖像不超過256色，但可以保持原有圖像的色彩。色數(shù)越低，圖像文件就越小。
GIF應(yīng)該用在有純質(zhì)顏色的圖像上。
JPEG使用十分精確的算法來壓縮圖像，對(duì)原圖像有些微的改變。壓縮程度越低，圖像文件越大，從而圖像更清楚。
JPEG應(yīng)該使用在要逼真描繪的諸如攝影的圖像上。
網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者需要處理的文件可能就是圖像文件了，忽視圖像過大是初學(xué)者常犯的錯(cuò)誤。網(wǎng)頁(yè)下載應(yīng)該盡可能快，想想看，一個(gè)使用少于7kb每秒的Modem聯(lián)網(wǎng)的人要用多少時(shí)間來下載你的整個(gè)頁(yè)面。
你必須在圖像質(zhì)量和圖像文件大小之間作出選擇。許多現(xiàn)代的圖像處理軟件答應(yīng)用最佳方式壓縮圖像，但同樣是一個(gè)冒險(xiǎn)，或者產(chǎn)生錯(cuò)誤。
譯者有話說：顯然，現(xiàn)在還沒有誰(shuí)推薦PNG格式的圖像，可能只因?yàn)镮E對(duì)其糟糕的支持。GIF到目前為止還沒有解決專利問題，使用它還是得冒侵權(quán)之危險(xiǎn)。PNG很有潛力，同樣也具有透明能力，色數(shù)也不止GIF的可憐的256色而已，卻具有JPEG的高清楚、高保真度，這也是我，以個(gè)人的立場(chǎng)向你推薦的原因。
請(qǐng)參考GIF還是PNG。