今天我們要學習的是店鋪裝修你不得不知的一些HMTL標簽:
許多朋友在自己做店鋪裝修時,知道把代碼往那兒復制粘貼卻又不懂代碼是什么意思!我覺得這樣不利于大家的裝修,假如有那一天你想改一下代碼,那么你從那兒下手呢?所以普通標簽還是該熟悉熟悉的。
(1)table:表格
tr:表格的行
td:單元格,但是用通俗的話來講就是表格的列
valign 表示元素的垂直對齊方式,值可以是top,middle,bottom,默認為middle
align 表示元素的水平對齊方式,值可以是left,center,right
例:<table border=0 cellspacing=0 cellpadding=0 width=100 height=100>
<tr>
<Td>
123
</td>
</tr>
</table>
注解:其中border為這個表格的邊線寬度,cellspacing為:單元格與單元格間的別距離。width:寬 height:為高。以上這個表格是個一行一列的表格
例:<table border=0 cellspacing=0 cellpadding=0 width=100 height=100>
<tr>
<Td>
12
</td>
<Td align=left valign=middle>
123
</td>
</tr>
</table>
注解:以上這個表格是個一行二列的表格。如果大家更改列數只需要在<Tr></tr>中加入<Td></td>即可,在此強調一下,很多朋友肯定會奇怪為什么有兩個<Tr>一個是<Tr>另一個卻是</tr>,這個是HTML標簽特有的一個屬性,即標簽都是要有一個閉合的標簽的,除了特殊的標簽沒有外,其它的都有。所以如果大家以后看見后邊帶個斜線的標簽,那就是采有了自閉合,不需要另一個對應的標簽!
(2) marquee:滾動
例:<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200" width="100px" onmouseover="this.stop()" onmouseup="this.start()">這是一個滾動字幕。</marquee>
注解:direction:表示滾動的方向,值可以是left,right,up,down,默認為left
scrolldelay表示停頓時間,值是正整數,默認為0,單位是毫秒
scrollamount:表示運動速度,值是正整數,默認為6
behavior表示滾動的方式,值可以是scroll(連續滾動)slide(滑動一次)alternate(來回滾動)
height、width表示運動區域的高度和寬度,值是正整數(單位是像素)或百分數,默認width=100% height為標簽內元素的高度
onmouseover=this.stop() onmouseout=this.start()表示當鼠標以上區域的時候滾動停止,當鼠標移 開的時候又繼續滾動。
特別要注意:如果方向設置為left/right時一定要設置width,反之如果設置為up/down一定要設height
(3) P標簽:為分段標簽
例:1111<p align="center">1111</p> 該處的標簽相信大家都認識了吧,所以也就不用做介紹了,顯示結果為
(4)<br/>自閉合標簽,換行標簽
例:<p align="center">1231231231231313<br> 56456794654564564654</p>
顯示結果如下:
綜上所述:p標簽和<br>標簽的本質區別是,P標簽的行距大于<br>的行距!
(5)<img>為圖像標簽
例:<img src="123.jpg" width="95" height="100" />
注:src:為圖片的地址,此處width與height為圖像的寬和高
小技巧:教你如何拿來別人用的圖片?首先把鼠標放在該圖片上,然后右鍵查看屬性。出現如下圖:
圖中地址后邊那一長串就是她所用的圖片的地址,然后復制地址,將其粘貼瀏覽器打開,是不是看見圖片了呢。這樣還是不能用的,因為如果人家把她的圖片刪除了,是不是這個地址也就不存在了呢!所以我們接下來要做的就是把鼠標放到圖上右鍵,然后選擇圖片另存為,然后再把圖片上傳到你所存圖片的空間就OK了!
(6) A標簽:超鏈標簽,相信大家都不陌生吧
例:<a href="http://www.google.com">Google</a>
顯示在頁面上的結果為:Google,但是當你用鼠標點擊時會跳轉至GOOGLE的首頁!
A標簽也是可以加好多的特效的!這個留在以后給大家再詳細的說一下,要一點一點的理解嗎!
(7)其它常用標簽:
font-size:為字體大小標簽,建議朋友們一般情況下來說設為12px即可!大了就看起來傻了
以上都是店鋪裝修時常用的一些標簽,其實還有一些常用的其它的,可能我沒有發現,以后再想起來了再給大家再接著寫那些標簽!
在店鋪裝修使用代碼時,也不一定你復制上去就能用!因為有些代碼是有一些細小的錯誤的,所以大家在用的時候,還是要再多試試!不要盲目的就用到店鋪里,最好是先用DW試一下代碼的可用性!
再有:在使用代碼時,如果有<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隸書" color=#009900>投射陰影效果</div>如果同該段碼一樣的代碼時,請慎重使用,另外還有其它的似乎于用STYLE寫出來的特殊效果時,勸大家還是不要用!不是說不讓大家用漂亮的東西,而是用專業的語言來說就是這種樣式不是在所有瀏覽器上都能顯示出來的,有些是只支持IE的!所以還是少用為好!