隨筆 - 251  文章 - 504  trackbacks - 0
          <2007年12月>
          2526272829301
          2345678
          9101112131415
          16171819202122
          23242526272829
          303112345

          本博客系個人收集材料及學習記錄之用,各類“大俠”勿擾!

          留言簿(14)

          隨筆分類

          收藏夾

          My Favorite Web Sites

          名Bloger

          非著名Bloger

          搜索

          •  

          積分與排名

          • 積分 - 204340
          • 排名 - 283

          最新評論

          人說“溫故知新”,近段時間無聊中拿起《HTML和XHTML權威指南》這本書重讀。發(fā)現(xiàn)對腳本語言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.使用了一種特殊的壓縮技術,可以顯著減小圖像文件的大小,從而可以在網(wǎng)絡上更快的進行傳輸。

          3.無損壓縮。

          4.容易實現(xiàn)動畫效果。

          GIF圖像的三個技巧:

          1.隔行掃描-可以使圖像在屏幕上一下子顯現(xiàn)出來,而不是從上到下逐步顯示。

          2.透明效果-讓圖像的部分顯示透明效果。

          3.逐幀動畫-不需要為HTML文檔編寫動畫程序就可以實現(xiàn)簡單的動畫,但是這樣的GIF文件就會變大。

          JPEG(Joint PhotograPhic ExPerts Group)聯(lián)合圖像專家組

          JPEG擁有比GIF多得多的顏色,壓縮效果更好。當然會損失一些圖像數(shù)據(jù)。

           

          改善由圖像帶來的負載和延遲問題:

          保持簡單性-通過圖片管理工具優(yōu)化圖像的尺寸,將顏色的樹木減少到最少的像素數(shù)。

          重復利用圖像-大多瀏覽器會在本地存儲器把引入的文檔成分進行緩存,這樣獲得數(shù)據(jù)會更快,使用網(wǎng)絡連接會更少。

          分割大文檔-一條好經(jīng)驗是把每個文檔保持在50K左右,這樣用戶即使使用的是很慢的連接也不會引起厭煩的感覺。

          必要地隔離大圖形-為很大的圖像提供一個圖形的縮略圖,讓用戶決定是否花時間下載整個圖像。

          指定圖像的尺寸-通過在標簽里面指定圖像的尺寸,可以讓瀏覽器不必再計算圖像在文檔中的尺寸。

          <img>標簽

          功能:在文檔中插入一個圖片。

          sre屬性:必需的,指出圖像的地址。

          alt屬性:指定了圖像的替代文本,用于在圖像無法顯示或用戶禁用圖像顯示時,代替圖像顯示的內容。雖然是可選屬性,但是強烈建議為每個圖像加入alt屬性。因為即使下載不了圖像,用戶也可以借此知道圖像的相關信息,而且對于殘疾人士來說這是他們了解圖像內容的唯一方式。alt屬性值是一個最多可以包括1024個字符的字符串。

          border屬性:控制圖像的邊框大小。

          hspacevspace屬性:可以以像素為單位,指定圖像左右,上下文字與圖像之間的間距。
          posted on 2007-12-16 18:15 matthew 閱讀(250) 評論(0)  編輯  收藏 所屬分類: 腳本語言及頁面設計
          主站蜘蛛池模板: 包头市| 宜兰市| 米泉市| 封开县| 内黄县| 大名县| 灌阳县| 河西区| 澄江县| 沁阳市| 荔波县| 囊谦县| 伊金霍洛旗| 清水河县| 东台市| 平塘县| 乐业县| 西充县| 株洲县| 新宁县| 信丰县| 调兵山市| 高邮市| 密云县| 军事| 灵丘县| 久治县| 江北区| 南京市| 宾川县| 绥中县| 普兰县| 辉县市| 萨迦县| 漳浦县| 扎囊县| 克拉玛依市| 清流县| 阿勒泰市| 舒城县| 余江县|