国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

web標準教程,幫你走進web標準設計的世界 第二講

2024-07-11 08:26:31
字體:
來源:轉載
供稿:網友
上一講我主要講解了一下網頁的基本結構與網頁主體部分的基本結構,以及常用的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>
</ul>
<ul>
<li><a href="#">個人空間</a></li>
<li><a href="#">博雅園</a></li>
<li><a href="#">跳蚤市場</a></li>
<li><a href="#">音樂站 </a></li>
</ul>
</div>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 元朗区| 大方县| 舒兰市| 环江| 罗甸县| 英山县| 赣州市| 台北市| 宁阳县| 五台县| 镇沅| 琼结县| 巴青县| 福泉市| 衢州市| 西和县| 辰溪县| 五常市| 泗水县| 同心县| 临沂市| 河东区| 永丰县| 贵定县| 富顺县| 南宫市| 高邑县| 丘北县| 古蔺县| 靖江市| 云和县| 达尔| 井冈山市| 沛县| 凯里市| 安泽县| 万宁市| 万宁市| 河南省| 新安县| 克什克腾旗|