上一講我主要講解了一下網頁的基本結構與網頁主體部分的基本結構，以及常用的html標簽。
非常感謝網友對我的大力支持，謝謝你們給我的鼓勵！
我繼續上一講：又開始實戰了，代碼敲起來！
<div id=”logo”>
<a href=”http://online.cumt.edu.cn”><img src=”logo.jpg” title=”Welcome!” alt=”logo” /></a>
</div>
So easy !
標簽4：img
使用指數：****
功能：導入圖片
類型：內聯元素
常用屬性：id，class，title
特別屬性：1.src:導入圖片總要知道圖片在哪不是，src就解決這個問題。他的值就是圖片存放的路徑啦。
2.alt:與title功能類似，都是提示功能，我們知道有的時候一個網頁的圖片不一定及時（或者就是不能成功）加載，那么為了給用戶一個友好的說明，故用此屬性
例子：1.在E盤新建兩個文件夾，命名為html，和images。在html文件夾中建一個html文件命名為：index.html，復制一張你比較喜歡的圖片到images文件夾中（例如images.jpg），ok，代碼開始了：
index.html：
<body>
<img alt=”我是圖片” title=”Hello!” src=”../images/images.jpg” />
</body>
So easy !
插播廣告：../images/images.jpg：..代表返回到上一級文件，什么意思呢，我們的目的是找到html文件夾外面的images文件夾中的images.jpg文件，那我們就一步一步的進行，首先從html文件夾跳出來（..），這是我們已經指向E盤了，然后找E盤中的images文件夾（/images）;最后找到文件（/ images.jpg）;光聽我講是不行的，要多實踐哦！
當然img標簽還有兩個常用屬性width和height，分別來限制顯示圖片的寬度和高度；默認為圖片的實際尺寸，不妨試試這段代碼，你就明白啦：
<body>
<img alt=”我是圖片” title=”Hello!” src=”../images/images.jpg” />
<img alt=”我是圖片” title=”Hello!” src=”../images/images.jpg” width=”20″ height=”20″ />
<img alt=”我是圖片” title=”Hello!” src=”../images/images.jpg” width=”200″ height=”200″ />
</body>
So easy !
好，我們繼續頭部講解,導航的搜索框部分代碼被我省略了，表單元素準備單獨進行將講解。
<div id=”nav”>
<ul>
<li><a href=”#”>首頁</a></li>
<li><a href=”#”>新聞中心</a></li>
<li><a href=”#”>資源下載</a></li>
<li><a href=”#”>論壇</a></li>
新聞熱點
疑難解答
