淘宝网店铺装修宝典——附录 2 店铺装修常用代码
人民邮电出版社 www.ptpress.com.cn
附录 2 店铺装修常用代码
淘宝店铺中,描述模板、公告栏、促销区等区域都可以编写 HTML代码。因此,对于 HTML代码的了解
和掌握非常重要,笔者根据店铺装修中的常用功能,收集了以下代码标签,可以快速掌握 HTML代码标
签的使用。
HTML基础知识
HTML的英文全称是 Hypertext Marked Language,中文叫做“超文本标记语言”,和一般文本的不
同的是,一个 HTML文件不仅包含文本内容,还包含一些 Tag,中文称“标记”。一个 HTML文件的后
缀名是.htm或者是.html。
在淘宝店铺中描述模板、公告栏、促销区等编写的源文件就是由 HTML 编写的网页代码。推荐使用
Dreamweaver进行代码编辑,因为它是所见即所得的编辑 HTML的优秀软件。
1.HTML文件基本架构
文件开始
标头区开始
... 标题区
标头区结束
本文区开始
文本区内容
本文区结束
文件结束
其中:
网页文件格式。
标头区:记录文件基本资料,如作者、编写时间等信息。
标题区:文件标题须使用在标头区内,可以在浏览器最上面看到标题。
本文区:文件资料,即在浏览器上看到的网站内容,也是要复制、粘贴到店铺装修中的源文件。
2.HTML元素
HTML元素是用来标记文本,表示文本的内容。比如 body,p,title就是 HTML元素。
HTML元素用 Tag表示,Tag以“<”开始,以“>”结束。
Tag 通常是成对出现的,比如。起始的叫做 Opening Tag,结尾的就叫做 Closing
Tag。
目前 HTML的 Tag不区分大小写的。比如,和其实是相同的。
3.HTML元素的属性
HTML元素可以拥有属性,属性可以扩展 HTML元素的能力。
比如可以使用一个 bgcolor属性,使得页面的背景色成为红色,像这样:
再比如,可以使用 border这个属性,将一个表格设成一个无边框的表格:
九顶营销策划 http://www.case999.com
淘宝网店铺装修宝典——附录 2 店铺装修常用代码
人民邮电出版社 www.ptpress.com.cn
基本代码
1.文本代码
零界点设计
说明
关于失联党员情况说明岗位说明总经理岗位说明书会计岗位说明书行政主管岗位说明书
:设定字体的大小,分绝对 SIZE,如 和相对 size如:。
设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度(00暗~FF亮)。 #RRGGBB所代表的是红、
绿、蓝三原色,每一色由两位十六进制的数值表示(即十进制 0~255)。十六进制:0、1、2、3、4、5、
6、7、8、9、A、B、C、D、E、F。
2.图片代码
说明:先把图片上传到网络相册中,将图片地址拷贝下来,替换“图片地址”文字。
3.链接代码
这里可以是文字或图片
说明:将文字或图片的要指向的链接地址粘贴至“链接地址”处。
4.背景音乐代码
说明:loop循环,背景音乐播放次数;src文件或 URL地址(可为WAV、MIDI格式)
5.滚动条代码
说明:behavior设定卷动方式,其中alternate为交替来回卷动;scroll为卷动(默认设置);slide为滑
动。
Bgcolor是设置背景颜色;
Direction是设定卷动方向;
Height是高度;
Loop设置循环,卷动次数(默认为无限循环);
Scrollamount设定卷动距离;
Scrolldelay设定卷动时间;
Truespeed设定卷动速度;
Width是宽度。
常用源代码
1.分时问候
说明:将代码放至…之间,其中:
if (( hr >= 0 ) && (hr <= 4 ))
mess1="深夜了,注意身体,该休息了!"
在 0-4点间,出现“深夜了,注意身体,该休息了!”字样,依此类推。
2.图片淡入淡出
说明:将代码放至…之间要显示该图片的位置,其中:
表示插入一个文件名为“1.jpg”的图片,设置其透明度为 0,根据插入的图片路径进行修改。
3.闪烁文字
说明:将代码放至…之间要显示闪烁文字的位置,其中:
var ctext = "看看我,我会变色";
输入要显示的闪烁文字。
4.图形跟随鼠标
说明:将代码放至…之间,效果与动画鼠标类似,该代码是在鼠标指针旁边跟随一张
图片,其中:
document.write('
说明:将代码放至
…之间要滚动显示图片的位置,其中:
slideimages[0]='<a href=#; img src=img/logo1.gif; border=0;'
slideimages[1]='<a href=#; img src=img/logo2.gif; border=0;'
slideimages[2]='<a href=#; img src=img/logo3.gif; border=0;'
slideimages[3]='<a href=#; img src=img/logo4.gif; border=0;'
slideimages[4]='<a href=#; img src=img/logo5.gif; border=0;'
logo1.gif、logo2.gif、logo3.gif、logo4.gif、logo5.gif为滚动显示的 5张图片。该滚动显示图片的效
果与滚动字幕略有不同,每显示一张图片会略有停顿,方便浏览。
6.随机产生的图片
说明:将代码放至…之间要显示图片的位置,每次刷新网页都会随机显示不同的图片,
其中:2.jpg、3.jpg、4.jpg为该实例中显示的图片名称,请更换为你需要显示的图片名称。
附录2 店铺装修常用代码
HTML基础知识
1.HTML文件基本架构
2.HTML元素
3.HTML元素的属性
基本代码
1.文本代码
2.图片代码
3.链接代码
4.背景音乐代码
5.滚动条代码
常用源代码
1.分时问候
2.图片淡入淡出
3.闪烁文字
4.图形跟随鼠标
5.滚动显示图片
6.随机产生的图片
本文档为【淘宝店铺装修常用代码手册】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
-
任民镇中心小学校史简介
-
归纳:圆外一点求切线长的方法
-
红领巾志愿服务实践手册
-
员工面谈记录表
-
部编人教版语文小学一年级上册第一单元测试题
-
初一数学中的分类讨论
-
安全生产知识培训表
-
案例分析题
-
工程招投标面试技巧
-
单机游戏pc,psp,pc2,pc3,x360,wii,nds,act,rts,fps,rpg,avg,tps. 这些代表什么意思[宝典]
-
超细干粉灭火装置系统施工的方法
-
财务管理信息化试验报告
-
完整word版高中语文必修四苏武传原文及翻译
-
营配贯通工作汇报与营销专题会会议纪要汇编
-
质检表格模板格
-
2026国家开放大学电大专科《学前儿童健康教育》期末试题及答案(试卷号精品
-
smt钢网管理规范
-
肩手综合征ppt课件
-
2017年深圳英语中考词汇表
-
村主任个人述职总结报告
-
日本恐怖童谣歌词和介绍
格式:pdf
大小:161KB
软件:PDF阅读器
页数:8
分类:生活休闲
上传时间:2011-05-16
浏览量:178