发新话题
打印

淘宝店铺装修HTML基础代码

淘宝店铺装修HTML基础代码

一、 HTML基础代码介绍
每一个动物、每一个生物都有自己的语言,而计算机也不例外,同样有自己的语言,在计算机繁杂的编程语言中,最简单最容易理解的就属HTML语言,在淘宝店铺里所有的店铺装修无疑都是靠这样一种语言来完成的(当然同样也要靠图片设计工具),虽然现在有很多的辅助工具来帮助我们进行直观的设计,但学习HTML还是对店铺装修有很大帮助的,HTML为超文本连接,他是目前网络上应用最为广泛最为基础的一种描述性语言,目前进行对网页进行编辑的最好的工具为“Macromedia Dreamweaver 8”,利用这款软件我们可以进行非常直观的将网页进行界面式设计,但有些时候在调试代码或者修改一小段代码的时候,我们则必须懂得这些代码的意思,下面我就来讲解一下HTML的一些基础。

“因为是作为店铺装修用所以我只教对店铺装修有用的代码”

例1、

<html>

<head>

<title>淘宝网</title>

</head>

<body>

<p>你好,我是淘宝网的忠实店家</p>

</body>

</html>

例子解析:

以上是一个完整的基础网页代码,所有的编写必须遵守以上规则,网页必须是以<html>开头以</html>结尾

<head></head>之间是文本头信息,可以显示在网页的浏览器最顶端的标题栏里,例子中网页标题栏会显示”淘宝网”

<body></body>是最主要的部分,绝大部分的编辑都要在这里面进行,是网页的主体。

<p></p>是文本标签,在网页中会显示“你好,我是淘宝网的忠实店家”

大部分编辑必须遵循<>开头</>结尾。

HTML在淘宝中的应用

在淘宝的编辑器里,过滤了很多功能,如”javascripts”的脚本语言,这是因为怕有一些不法店主利用这个语言来编写病毒或进行网页跳转等等,但我们还是可以有很多功能可用,下面我逐一介绍主要功能。

1、 表格

<table width="200" border="1" cellpadding="0" cellspacing="1">

<tr>

<td> </td>

<td> </td>

</tr>

</table>


<table></table>为表格标签,必须以这个开头和结尾

属性:border="1" 表格边框宽度为1

cellpadding="0" 表格填充,一般我们都选0

cellspacing="1" 表格间距,一般我们也选0

<tr></tr>为表格中的行标签

<td></td>为表格中的列标签,例子中有两列所以有两个<td></td>

在以上的标签中还可以加入如下属性

1、align=”center” 表格对其方式,有centerrightleft

2、widht=”” 表格宽度height=”” 表格高度

3、bground=”” 中间可以插入表格背景,直接复制相册图片空间的图片地址到里面就可以了。

2、 插入图片

<img />:这个标签为插入图片的标签,你可以把图片插入到网页的任何位置,具体格式如下

<img src=”” align="" height="" width="" />

Src=””引号里是你的图片地址,在淘宝里则必须是图片空间的地址或者相册空间的地址

Align=”” 图片的对齐方式 left 、middle、 right三种对齐方式

Height=”” 图片的高度

Width=””图片的宽度

3、 超级连接

<a></a>利用超级链接可以为“文本”或者“图片”加入链接,就是点击文本或者图片后网页跳转到另外您希望跳转的页面,一般在淘宝中超级链接只对站内链接有效,对站外链接则被屏蔽掉了,所以此链接只适用于淘宝站内。

<a href=”” target=””>中间加入图片也可以,加入文字也可以</a>

Href=”” 你希望跳转到哪个宝贝页面,就把那个宝贝页面浏览器头上的地址复制到这里。

Target=”” 跳转方式,我个人推荐“_blank”方式当然也可以不用这个参数

举例

<a href=”http://**.taobao.com” target=”_blank”><img src=”aaa.jpg” align="middle" height="100" width="100" />

</a>

以上例子就是点击aaa.jpg这个图片,网页就跳转到**.taobao.com页面

4、 文本

<p></p> 网页里显示的文字,应用如下

例子

<p>你好点此可以将我进行收藏哦</p>

在网页里会显示“你好点此可以将我进行收藏哦”

进阶应用

<a herf=”你的收藏代码”><p>你好点此可以将我进行收藏哦</p></a>

5、 其它

<br> 换行标致,运用这个标致在淘宝里可以进行小间距换行,同样这个标致也是无条件换行标致

<bgsound src=”” loop=””>

Src=”” 歌曲链接地址,将在百度上搜索到的歌曲的链接复制到这里,就可以了

Loop=”-1”循环播放

以上是在淘宝里应用最多的而且也是经常可以用到的基础代码,如果大家想了解更多可以到网络上学习相关知识,比如http://www.w3school.com.cn/html/就是不错的HTML入门教程,值得推荐新手学习。

TOP

发新话题