今天我们要学习的是店铺装修你不得不知的一些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的!所以还是少用为好!