二十一、錨的使用演示
接著我們說說:圖片
在我們?yōu)g覽網(wǎng)頁的時候,會看到很多的圖片:
二十二、圖片存儲的位置
二十三、圖片當(dāng)中的兩個重要的屬性
還可以設(shè)置圖片的寬和高:
二十四、設(shè)置寬和高
那么,設(shè)不設(shè)寬和高呢?當(dāng)我們打開一個頁面的時候,圖片比較的大,一開始是一個小點,后面突然變大了。這種情況就是沒有設(shè)置高和寬。
當(dāng)我們學(xué)習(xí)了JavaScript,操作圖片的時候,如果不設(shè)置圖片的高和寬。那么,只有當(dāng)頁面都下載完畢以后,才可以通過客戶端寫代碼的方式來獲取圖片的高和寬。而如果一開始就設(shè)置了圖片的高和寬,則圖片還沒有下載完畢,圖片還沒有下載完畢也可以獲取圖片的高和寬。
下面我們說下:縮略圖
二十五、改變圖片的大小
當(dāng)我們改變圖片的大小的時候,光該后綴名不行,必須在畫圖這樣的軟件里面去改。
二十六、制作縮略圖
關(guān)于不同的圖片有什么區(qū)別,請大家看下下面的鏈接:圖片格式
以后我們寫程序的時候,自動生成縮略圖,自動加水印,都是真正的把圖片改了。
px (Pixel)單位名稱為像素,相對長度單位,像素(px)是相對于顯示器屏幕分辨率而言的(隨著屏幕分辨率而變化),國內(nèi)推薦; QQ截圖也是使用PX作為長度寬度單位。
em單位名稱為相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸,國外使用比較多;如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置,則相對于瀏覽器的默認(rèn)字體尺寸。
接下來我們再看下列表和表格:
dl→definition list(定義列表),見備注1。
一般可用于名詞解釋之類。
ul→unordered list(無序列表),注意多個ul嵌套時的寫法。見備注2
大家去一些個網(wǎng)站,找個有二級菜單的網(wǎng)站,用ul和li來實現(xiàn)的.通過CSS來控制。