电子商务技术基础HTML.doc

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