店铺装修代码大全

亮术网 2013-06-14 本网原创

  漂亮的店铺能给顾客留下深刻的印象,所以装修店铺还是很有必要的。可能你也很想装修好店铺,只因不懂装修代码,其实装修的代码很简单,或许只用几分钟就可以学会,不过是几个简单的 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(高度)表示动画显示的高度;

本文浓缩标签:店铺装修代码大全