电子商务网站建筑.ppt

HTML基础知识及使用 HTML概念 HTML（Hyper Text Markup Language 超文本标识语言） 是一种描述文档结构的语言。它使用描述性的标签来规定显示信息的结构和格式 它只是一种标记语言，不用编译 HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 网页文件命名 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html HTML 文件结构 html.../html head.../head body.../body 标签：是HTML语言的基本部分。标签总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。标签的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML 文件结构(Document Structures) HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML HTML文档的特点 通用性 简单性 可扩展性 平台无关性 编辑器无关性 第一部分 文档标签的使用 第一张网页（01.htm） html head titlemy first page/title /head body This is my first homepage! /body /html 第二张网页（02.htm） html head titlemy first page/title /head body p align=centerThis is my first homepage!/p /body /html 基本组成部分——HTML标签属性 HTML标签可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。标签属性出现在标签的 内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 HTML标签的特点： 标签往往成对出现 标签名与小于号之间不能留有空白字符 有些标签要加上属性，有些则不必 属性只可加于起始标签中 不同标签之间可以嵌套，但不能交叉 标签对大小写不敏感 HTML基本结构的有关标签和标签属性 HEAD标签——1 head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 HTML基本结构的有关标签和标签属性 HEAD标签——2 meta标签 meta标签下面可以插入很多很有用的标签属性。下面介绍四种： meta name=keywords content=study,computer 用来标记有哪些信誉好的足球投注网站引擎在有哪些信誉好的足球投注网站你的页面时所取出的关键词。 HTML基本结构的有关元素和元素属性 HEAD元素——3 meta元素 meta name=author content=“wutao 用来标记文档的作者。 body元素及元素属性——1 body标签表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些标签和标签属性构成HTML文档的主体部分。 body元素及元素属性——2 body元素中有下列属性： (1)bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor=#CCFFCC。 例：04.htm HTML对颜色的控制 HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 常见颜色的代码 body元素及元素属性——3 body标签中有下列属性： (2)background background属性标志HTML文档的背景图片。如：background=“images/bg.gif。 可以使用的图片格式为GIF，JPG 例：05.htm、06.htm body元素及元素属性——4 body标签中有下列属性： (3)bgproperties=fixed bgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。 例：07.htm和08.htm对比 body元素及元素属性——5 bod