电子商务技术基础HTML
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
电子商务技术基础HTML
一HTML的基本概念
HTML的英文全称是Hyper Text Markup Language,它是网页超文本标记语言,也是全球广域网上描述网页内容和外观的标准.
HTML作为一种标记语言,它本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确的反映HTML标记语言的内容.
二HTML的基本标记
HTML最基本的语法就是<标记符>内容</标记符>
其文件的基本结构是:
<html>文件开始标记
<head>文件头开始的标记……文件头的内容</head>
<body>文件主题开始的标记……文件主题的内容</body>
文件主题结束的标记
</html>文件结束的标记
一. 头部标记head
语法:<head>……</head>
作用:<head>元素的作用范围是整篇文档.<head>元素中可以有<meat>元信息定义,文档样式表定义和脚本等信息,定义在HTML语言头部的内容往往不会在网页上直接显示.
二.网页的主题标记body
1 .网页背景色bgcolor
语法:<body bgcolor=”背景颜色”>
说明:在该语法中的body就是页面的主题标记,bgcolor的值可以是一个已命名的颜色,也可以是一个十六进制的颜色值.
2 .网页背景图片background
语法:<body background=”图片的地址”>
说明:图片的地址可以是相对地址,也可以是绝对地址.在默认情况下,用户可以省略此属性,这时图片会按照水平和垂直的方向不断重复出现,直到铺满整个页面.
3 .文字颜色texe
语法:<body text=”文字的颜色”>
说明:在该语法中, text的属性值与设置页面背景的相同.
4 .链接文字属性link
语法:<body link=”颜色”>
说明:这一属性的设置与前面几个设置颜色的参数类似,都是与body标签放置在一起,表明它对网页中所有未单独设置的元素起作用.
5 .边距margin
语法:<body topmargin=上边距的值leftmargin=左边距的值>
说明:在默认情况下,边距的值是以像素为单位.
三.在页面中添加多媒体文件
1 .设置滚动效果
滚动标记marquee
语法:<marquee>……</marquee>
说明:在标记之间添加要进行滚动的内容,并可以在标记之间设置文字或图像的属性.
2.滚动方向direction
语法:<marquee direction=”滚动方向”>……</marquee>
说明:滚动方向包含4个取值,分别为up,down,left和right,它们分别代表向上,向下,向左和向右滚动,其中向左滚动left的效果与默认效果相同.
3 .滚动方式behavior
语法:<marquee behavior=”滚动方式”>……</marquee>
说明:滚动方式behavior的取值为:
Behaviorde 的取值滚动效果
Scroll 循环滚动,默认效果
Slide 只滚动一次就停止
alternate 来回交替进行滚动
4 .滚动范围width,height
语法:<marquee width=”背景宽度” height=”背景高度”>……</marquee>
说明:此处设置的宽度和高度的单位均为像素.
5 .滚动背景颜色bgcolor
语法:<marquee bgcolor=”背景颜色”>……</marquee>
说明:滚动背景颜色应设置为16进制的颜色.
6 .空白空间hspace,vspace
语法:<marquee hspace=”水平范围” vspace=”垂直范围”>……</marquee>
说明:该语法中水平范围和垂直范围的单位均为像素.
7 .插入Flash 动画
语法:<embed src=”多媒体文件地址”width=”多媒体的宽度”height=”多媒体的高度”></embed>
8 .插入音频和视频文件
语法:<embed src=”多媒体文件地址”width=”播放界面的宽度”height=”播放界面的高度”></embed>
9.设置背景音乐
背景音乐bgsound
语法:<bgsound src=”背景音乐的地址”>
说明:背景音乐的文件可以是avi,mp3等声音文件.
10 .循环次数:
语法:<bgsound src=”背景音乐的地址”loop=”播放次数”>
说明:如果希望无限次地循环播放背景音乐,可以将循环次数设置为true.
五.建立超链接
超级链接是HTML文档的最基本特征之一.超级链接的英文名是hyperlink,它能够让浏览者在各个独立的页面之间方便的跳转.
超级链接的基本知识:要正确的创建链接,就必须了解链接与被链接文档之间的路径.每个网页都有一个唯一的地址,成为统一资源定位符(URL).然而,当在网页中创建内部链接时,一般不会指定链接文档的完整URL,而是指定一个相对当前文档或站点文件夹的相对路径.
绝对路径:绝对路径是包括服务器规范在内的完全路径.绝对路径不管资源文件在什么位置都可以非常精确地找到,除非是目标文档的位置发生变化,否则链接不会失败.采用绝对路径的好处是,它同链接的源端点无关.只要网站的地址不变,无论文档在站点中如何移动,都可以正常实现跳转而不会发生错误.另外,如果希望链接同站点上的其他内容,就必须使用绝对路径. 采用绝对路径的缺点在于这种方式的链接不利于测试.如果在站点中使用绝对路径,要想测试链接是否有效,必须在Internet服务器端对链接进行测试.另一个缺点是,采用绝对路径不利于
站点的移植.
相对路径:为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的方法.相对路径可以表述源端点同目标之间的相互位置,它同源端点的位置密切相关.
1 . 内部链接:与自身网站页面有关的链接被称为内部链接.
语法:<a href=”链接地址”>……</a>
2 .链接的目标窗口:
语法:<a href=”链接目标” target=”目标窗口的打开方式”>
说明:在该语法中,target参数的取值有4种,如图所示:
属性值含义
-self 在但前页面中打开链接
-blank 在一个全新的空白窗口中打开链接
-top 在顶层框架中打开链接,也可以理解为在根框
架中打开链接
-parent 在当前框架的上一层里打开链接
3 .锚点链接:(锚点就是指在给定名称的一个网页中的某一位置,在创建锚点链接前首先要建立锚点)
语法:<a name=”锚点的名称”></a>
说明:利用锚点名称可以链接到相应的位置.这个名称可以是数字或英文,或者两者的混合,最好要区分大小写.同一个网页中可以有无数个锚点,但是不能有相同名称的两个锚点.
4 .链接同一页面中的锚点
语法:<a href=”#锚点的名称”>……</a>
说明:在该语法中,在href属性后输入页面中创建的锚点的名称,可以链接到页面中不同的位置.
5 .链接到其他页面中的锚点
语法:<a href=”链接的文件地址#锚点名称”>……</a>
说明:在该语法中,与同一页面内的锚点链接不同的是,需要在锚点名称前面增加文件所在的位置以设置一个单独的链接页面,使其链接到前面定义的锚点页面.
6 .外部链接
链接到外部网站
语法:<a herf=http://......>……</a>
说明:在该语法中,http//:表明这是关于http协议的外部链接,在气候输入网站的网址即可.
7 .链接到E-mail
语法:<a href=mailto:邮件地址>……</a>
说明:在该语法中的mailto:后面输入邮件的地址.
8 .链接到FTP
语法:<a href=”ftp://ftp地址”>……</a>
说明:在该语法中,ftp://表明这是关于FTP协议的外部链接,在其后输入网站的网址即可.
9 .链接到Telnet(Telnet常常用来登录一些BBS网站,也是一种远程登录方式.)
语法:<a href=” telnet://地址”>......</a>
说明:这种链接方式与其他两种类似,不同的就是他登录的是Telnet站点.
10 .下载文件
语法:<a href=”文件地址”>……</a>
说明:在文件所在地址部分设置文件的路径,可以是相对路径,也可以使绝对路径.如果超级链接指向的不是一个网页文件,而是其他文件例如zip,mp3,exe文件等,单击链接的时候就会下
载文件.
这些就是网页制作中HTML最基本的语法,也只是整个电子商务技术中的一小部分,应用它就把各种商品呈现在顾客面前,由他们任意挑选. 最为顾客最直接的接触者,一个好网页将直接影响到顾客的购买欲望,相信这些技术会在电子商务的发展中发挥更加强大的作用!
09 电子商务
0904131076
吴薇。