人說“溫故知新”,近段時間無聊中拿起《HTML和XHTML權威指南》這本書重讀。發現對腳本語言html又有了新的認識,并做了些筆記。
<hr>標簽
功能:打斷文本流并插入一條分隔線
size屬性:可以加粗分隔線。如,<hr size=12>。12為像素。瀏覽器默認為2-3個像素
width屬性:縮短或者加長分隔線的長度。默認的分隔線會橫跨整個窗口。其屬性值有相對和絕對兩種,推薦使用相對值的方式。
如,<hr width=12>和<hr
width="12%">
align屬性:控制分隔線的對齊方式:left,center,right.
color屬性:設置分隔線的顏色,只被IE支持,而且會失去3D效果。
GIF(Graphic Interchange Format)圖形交換格式
1.其編碼技術在很多平臺上都可以使用。
2.使用了一種特殊的壓縮技術,可以顯著減小圖像文件的大小,從而可以在網絡上更快的進行傳輸。
3.無損壓縮。
4.容易實現動畫效果。
GIF圖像的三個技巧:
1.隔行掃描-可以使圖像在屏幕上一下子顯現出來,而不是從上到下逐步顯示。
2.透明效果-讓圖像的部分顯示透明效果。
3.逐幀動畫-不需要為HTML文檔編寫動畫程序就可以實現簡單的動畫,但是這樣的GIF文件就會變大。
JPEG(Joint PhotograPhic ExPerts Group)聯合圖像專家組
JPEG擁有比GIF多得多的顏色,壓縮效果更好。當然會損失一些圖像數據。
改善由圖像帶來的負載和延遲問題:
保持簡單性-通過圖片管理工具優化圖像的尺寸,將顏色的樹木減少到最少的像素數。
重復利用圖像-大多瀏覽器會在本地存儲器把引入的文檔成分進行緩存,這樣獲得數據會更快,使用網絡連接會更少。
分割大文檔-一條好經驗是把每個文檔保持在50K左右,這樣用戶即使使用的是很慢的連接也不會引起厭煩的感覺。
必要地隔離大圖形-為很大的圖像提供一個圖形的縮略圖,讓用戶決定是否花時間下載整個圖像。
指定圖像的尺寸-通過在標簽里面指定圖像的尺寸,可以讓瀏覽器不必再計算圖像在文檔中的尺寸。
<img>標簽
功能:在文檔中插入一個圖片。
sre屬性:必需的,指出圖像的地址。
alt屬性:指定了圖像的替代文本,用于在圖像無法顯示或用戶禁用圖像顯示時,代替圖像顯示的內容。雖然是可選屬性,但是強烈建議為每個圖像加入alt屬性。因為即使下載不了圖像,用戶也可以借此知道圖像的相關信息,而且對于殘疾人士來說這是他們了解圖像內容的唯一方式。alt屬性值是一個最多可以包括1024個字符的字符串。
border屬性:控制圖像的邊框大小。
hspace和vspace屬性:可以以像素為單位,指定圖像左右,上下文字與圖像之間的間距。
posted on 2007-12-16 18:15
matthew 閱讀(245)
評論(0) 編輯 收藏 所屬分類:
腳本語言及頁面設計