今天我們要學(xué)習(xí)的是店鋪裝修你不得不知的一些HMTL標(biāo)簽:
許多朋友在自己做店鋪裝修時(shí),知道把代碼往那兒復(fù)制粘貼卻又不懂代碼是什么意思!我覺(jué)得這樣不利于大家的裝修,假如有那一天你想改一下代碼,那么你從那兒下手呢?所以普通標(biāo)簽還是該熟悉熟悉的。
(1)table:表格
tr:表格的行
td:單元格,但是用通俗的話來(lái)講就是表格的列
valign 表示元素的垂直對(duì)齊方式,值可以是top,middle,bottom,默認(rèn)為middle
align 表示元素的水平對(duì)齊方式,值可以是left,center,right
例:<table border=0 cellspacing=0 cellpadding=0 width=100 height=100>
<tr>
<Td>
123
</td>
</tr>
</table>
注解:其中border為這個(gè)表格的邊線寬度,cellspacing為:?jiǎn)卧衽c單元格間的別距離。width:寬 height:為高。以上這個(gè)表格是個(gè)一行一列的表格
例:<table border=0 cellspacing=0 cellpadding=0 width=100 height=100>
<tr>
<Td>
12
</td>
<Td align=left valign=middle>
123
</td>
</tr>
</table>
注解:以上這個(gè)表格是個(gè)一行二列的表格。如果大家更改列數(shù)只需要在<Tr></tr>中加入<Td></td>即可,在此強(qiáng)調(diào)一下,很多朋友肯定會(huì)奇怪為什么有兩個(gè)<Tr>一個(gè)是<Tr>另一個(gè)卻是</tr>,這個(gè)是HTML標(biāo)簽特有的一個(gè)屬性,即標(biāo)簽都是要有一個(gè)閉合的標(biāo)簽的,除了特殊的標(biāo)簽沒(méi)有外,其它的都有。所以如果大家以后看見(jiàn)后邊帶個(gè)斜線的標(biāo)簽,那就是采有了自閉合,不需要另一個(gè)對(duì)應(yīng)的標(biāo)簽!

(2) marquee:滾動(dòng)
例:<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200" width="100px" onmouseover="this.stop()" onmouseup="this.start()">這是一個(gè)滾動(dòng)字幕。</marquee>
注解:direction:表示滾動(dòng)的方向,值可以是left,right,up,down,默認(rèn)為left
scrolldelay表示停頓時(shí)間,值是正整數(shù),默認(rèn)為0,單位是毫秒
scrollamount:表示運(yùn)動(dòng)速度,值是正整數(shù),默認(rèn)為6
behavior表示滾動(dòng)的方式,值可以是scroll(連續(xù)滾動(dòng))slide(滑動(dòng)一次)alternate(來(lái)回滾動(dòng))
height、width表示運(yùn)動(dòng)區(qū)域的高度和寬度,值是正整數(shù)(單位是像素)或百分?jǐn)?shù),默認(rèn)width=100%height為標(biāo)簽內(nèi)元素的高度
onmouseover=this.stop() onmouseout=this.start()表示當(dāng)鼠標(biāo)以上區(qū)域的時(shí)候滾動(dòng)停止,當(dāng)鼠標(biāo)移開(kāi)的時(shí)候又繼續(xù)滾動(dòng)。
特別要注意:如果方向設(shè)置為left/right時(shí)一定要設(shè)置width,反之如果設(shè)置為up/down一定要設(shè)height
(3) P標(biāo)簽:為分段標(biāo)簽
例:1111<p align="center">1111</p> 該處的標(biāo)簽相信大家都認(rèn)識(shí)了吧,所以也就不用做介紹了,顯示結(jié)果為

(4)<br/>自閉合標(biāo)簽,換行標(biāo)簽
例:<p align="center">1231231231231313<br> 56456794654564564654</p>
顯示結(jié)果如下:

綜上所述:p標(biāo)簽和<br>標(biāo)簽的本質(zhì)區(qū)別是,P標(biāo)簽的行距大于<br>的行距!
(5)<img>為圖像標(biāo)簽
例:<img src="123.jpg" width="95" height="100" />
注:src:為圖片的地址,此處width與height為圖像的寬和高
小技巧:教你如何拿來(lái)別人用的圖片?首先把鼠標(biāo)放在該圖片上,然后右鍵查看屬性。出現(xiàn)如下圖:

圖中地址后邊那一長(zhǎng)串就是她所用的圖片的地址,然后復(fù)制地址,將其粘貼瀏覽器打開(kāi),是不是看見(jiàn)圖片了呢。這樣還是不能用的,因?yàn)槿绻思野阉膱D片刪除了,是不是這個(gè)地址也就不存在了呢!所以我們接下來(lái)要做的就是把鼠標(biāo)放到圖上右鍵,然后選擇圖片另存為,然后再把圖片上傳到你所存圖片的空間就OK了!
(6) A標(biāo)簽:超鏈標(biāo)簽,相信大家都不陌生吧
例:<a href="http://www.google.com">Google</a>
顯示在頁(yè)面上的結(jié)果為:Google,但是當(dāng)你用鼠標(biāo)點(diǎn)擊時(shí)會(huì)跳轉(zhuǎn)至GOOGLE的首頁(yè)!
A標(biāo)簽也是可以加好多的特效的!這個(gè)留在以后給大家再詳細(xì)的說(shuō)一下,要一點(diǎn)一點(diǎn)的理解嗎!
(7)其它常用標(biāo)簽:
font-size:為字體大小標(biāo)簽,建議朋友們一般情況下來(lái)說(shuō)設(shè)為12px即可!大了就看起來(lái)傻了
以上都是店鋪裝修時(shí)常用的一些標(biāo)簽,其實(shí)還有一些常用的其它的,可能我沒(méi)有發(fā)現(xiàn),以后再想起來(lái)了再給大家再接著寫(xiě)那些標(biāo)簽!
在店鋪裝修使用代碼時(shí),也不一定你復(fù)制上去就能用!因?yàn)橛行┐a是有一些細(xì)小的錯(cuò)誤的,所以大家在用的時(shí)候,還是要再多試試!不要盲目的就用到店鋪里,最好是先用DW試一下代碼的可用性!
再有:在使用代碼時(shí),如果有<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隸書(shū)" color=#009900>投射陰影效果</div>如果同該段碼一樣的代碼時(shí),請(qǐng)慎重使用,另外還有其它的似乎于用STYLE寫(xiě)出來(lái)的特殊效果時(shí),勸大家還是不要用!不是說(shuō)不讓大家用漂亮的東西,而是用專業(yè)的語(yǔ)言來(lái)說(shuō)就是這種樣式不是在所有瀏覽器上都能顯示出來(lái)的,有些是只支持IE的!所以還是少用為好!
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 淘寶新手之必知店鋪裝修基礎(chǔ)知識(shí)





