店铺装修代码大全
漂亮的店铺能给顾客留下深刻的印象,所以装修店铺还是很有必要的。可能你也很想装修好店铺,只因不懂装修代码,其实装修的代码很简单,或许只用几分钟就可以学会,不过是几个简单的 html 标签。
1、图片代码
<img src="图片地址" style="left:20px; top:0px; position:relative;" />
img 是英文单词 image(图片)的缩写,专门用来显示图片,也就是说凡是要显示图片的地方都用它;
src 是英文单词 source(来源, 发源地)的缩写,表示图片地址,一般是你上传到网上的图片地址,假如把图片上传某个网站的 images 目录下,则 src 为 /images/g.jpg。
style(样式)表示图片展示的样式,上例中的 left:20px 表示距 img 的父层左边20像素,top:0px 表示距离 img 的父层上边0像素,position:relative 表示 img 的展示位置是相对于父层,而不是相对于浏览器。
img 的父层说明:假如 img 放在两个外层中,即:
<div id="out1"><div id="out2"><img src="图片地址" style="left:20px; top:0px; position:relative;" /></div></div>
则 img 的父层是 <div id="out2">
店铺装修中用到 img 大概有这么几个位置:公告栏、悬挂饰物、宝贝分类、计数器代码等。
2、文字链接代码
<a href="链接地址" target="_blank">链接文字</a>
a 表示超级链接,既可以用于文字的链接,又可以用于图片的链接,几是要链接的地方都用 a 标签;
href 是 英文 Hypertext Reference(超文本引用)的缩写,表示要链接到网址,即要链接到的网页;
target(目标)表示是在新页打开还是在原页打链接到网页,_blank 表示在新页打开,_self 表示在原页打开。
3、自定义颜色代码
<font color="red">女装</font> 或 <span style="color:red">女装</span>
建议使用 <span style="color:red">女装</span>,因为 W3C 标准已弃用了 <font color="red">女装</font> ,当然如果使用,继续有效。
font(字体)以前用于显示文字的样式,如文字的颜色、大小等;
color(颜色)表示文字所显示的颜色,color="red" 表示“女装”用红色显示。
span(跨度, 间距)用于在行内定义一个区域,style 跟上文说的一样,就不再熬述。
4、背景音乐代码
<bgsound src="音乐地址" loop="-1" autostart="true"></bgsound>
bgsound 中的 bg 是英文 background(背景)的缩写,sound(声音),bgsound 就是背景音乐的意思;网页中要使用背景音乐就用它;
src 跟第1点说的一样,在此表示上传到网上的音乐地址;
loop(循环,重复)表示音乐重复播放次数,若重复播放一次,则 loop="1",依次类推,loop="-1" 表示重复播放无数次;
autostart 中的英文单词 auto(自动的) 和 start(开始)的组合词,意思是自动播放,autostart="true" 表示在音乐文件传完后就自动播放,autostart="false" 表示不自动播放。
提示:bgsound 只有 ie 浏览器支持,其它的如火狐、netscape 等不支持,即用火狐、netscape 等打开网页时,不能播放音乐。
5、滚动字幕代码
<marquee direction="up">向上移动</marquee>
marquee(大帐篷, 大天幕)用于滚动文本或图片;
direction(方向)表示滚动方向,可以“向左、向右、向上、向下”,direction="up" 表示向上滚动,direction="down" 表示向下滚动,direction="left" 表示向左滚动,direction="right" 表示向右滚动。
提示:marque 也只有 ie 浏览器支持,其它的如火狐、netscape 等不支持,即不能滚动字幕。
6、文字大小、加粗,倾斜、下划线 代码
1)文字大小
<span style="font-size:14px;">文字大小</span>
font-size 中是英文单词 font(字体)和 size(尺寸,大小)通过-连接成,意思文字尺寸大小;font-size:14px 表示文字大小是14像素。font-size 不是只用在 span 标签,可以用在任何有 style 的标签中。
2)文字加粗
<b>文字加粗</b>
b 是英文单词 bold(粗体的)的缩写,表示加粗文字。
3)文字倾斜
<i>文字倾斜</i>
i 是英文单词 italic(斜体)的缩写,表示文字倾斜。
4)文字下划线
<u>文字下划线</u>
u 是英文单词 underline(underline)的缩写,表示给文字加下划线。
7、表格代码(在店铺公告添加个性的鼠标指针)
<table style="cursor:url('上传到网上的鼠标指针图片地址')"><tr><td></td></tr></table>
table(表格)用于在网页中显示表格;tr 表示表格的行;td 表示表格的列;
url 是英文 Uniform Resource Locator(统一资源定位符)的缩写,表示样式所使用图片地址;
cursor 是“鼠标”的意思,cursor:url('上传到网上的鼠标指针图片地址') 表示鼠标的样式使用 url 括号中所指定的图片。
8、插入 Flash 动画 代码
<embed src="Flash 动画 网址" style="width:400px;height:290px;"></embed>
embed(使插入,使嵌入)可以用来在网页中插入各种多媒体,格式可以是 Flash 动画、Midi、Wav、AIFF、AU、MP3等;
width(宽度)表示动画显示的宽度;
height(高度)表示动画显示的高度;