HTML基础知识及相关标签的用法.ppt

1、讲座1:超文本标记语言基础知识，陕西新华计算机软件学校-电子商务教学与研究组，2:教学难点，陕西新华计算机软件学校-电子商务教学与研究组，3: 1:表格布局与DIV布局的差异(1)生产效率(2)浏览器兼容性(3)可扩展性和可读性，任务1:表格与DIV布局的差异，陕西新华计算机软件学校-电子商务教学与研究组，4，2， DIV CSS布局的优势(1)结构层和性能层之间的完美共享(2)页面下载速度快(3)页面修改更简单更方便(4)搜索引擎搜索更优化，任务1，表和DIV布局的区别，反思比较优势战略，为弱者打开崛起之门，陕西新华计算机软件学校-电子商务教学与研究组，5，任务2超文本标记语言基本语法，20

2、20/7/14，超文本标记语言双标记如：单标记如：陕西新华计算机软件学校-电子任务3:了解超文本标记语言标签和超文本标记语言文档的基本结构。课程实例：a.html，网站正文，陕西新华计算机软件学校-电子商务教研室，8。任务3:了解超文本标记语言标签和超文本标记语言元素属性元素属性出现在元素中，并与元素名称用空格隔开。属性值由“”引起。例如：陕西b.html新华计算机软件学校-电子商务教研室，9。任务3:了解超文本标记语言标签，超文本标记语言头部属性元素的基本结构出现在文档的开头。和之间的内容不会显示在浏览器的文档窗口中，但它们之间的元素具有特殊意义。元素定义了一个超文本标记语言文档的标题。陕西

3、新华计算机软件学校-电子商务教学与研究组，10，HTML基本结构-HEAD属性元素用于在搜索页面上标记搜索引擎的关键字。任务3:理解超文本标记语言标签，陕西新华计算机软件学校-电子商务教学与研究组，11:理解超文本标记语言标签，元素用于标记文档作者用来标记页面的解码方法，陕西新华计算机软件学校-电子商务教学与研究组，12:理解超文本标记语言标签，超文本标记语言基本结构-正文属性(1)bgcolor bgcolor属性定义超文本标记语言文档的背景颜色。(2)背景背景属性定义了超文本标记语言文档的背景图片。常用的图像格式有GIF、JPG、巴布亚新几内亚等。陕西新华计算机软件学校-电子商务教研室，1

4、3，任务3，理解HTML标签，(3)背景图像成水印效应，滚动属性。(4)文本文本属性定义了超文本标记语言文档的文本颜色。陕西新华计算机软件学校-电子商务教研室，14。任务3:理解超文本标记语言标签；(5)超链接颜色链接、vlink和alink分别控制普通超链接、已访问超链接和当前活动超链接的颜色。(6) leftmargin和topmargin设置网页主要内容与网页顶端和左端之间的距离。陕西新华计算机软件学校-电子商务教研室，15。任务3:了解超文本标记语言标签，文本属性标签1。文本颜色指定颜色.2.文本字体.陕西新华计算机软件学校-电子商务教研室，16。任务3:了解超文本标记语言。3.文本大

5、小.#=1、2、3、4、5、6、7或#-# 4。文本标题.#=1，2，3，4，5，6，陕西新华计算机软件学校-电子商务教研室，17，任务3，知道HTML标签，5。文本效果是粗体和斜体。陕西新华计算机软件学校-电子商务教学与研究小组，18，任务3:了解超文本标记语言标签，下划线删除线，粗斜体，放大文本，缩小文本，陕西新华计算机软件学校-电子商务教学与研究小组，19，任务3:了解超文本标记语言标签，6。文本对齐.(#=)右)，陕西新华计算机软件学校-电子商务教学与研究组，20，任务3:理解超文本标记语言标签，行控制段落(可视为空行)包装空白占位符，示例：d.html，陕西新华计算机软件学校-电子商务教学与研究组，21，任务3:理解超文本标记语言标签，标尺行：设置行宽：设置行长：设置对齐#=左，右：设置行颜色。案例：e.html，陕西新华计算机软件学校-电子商务教研室，22。任务3:了解超文本标记语言。插入图片：的元素标记的介绍格式.通用属性： src=图片源地址 alt=备选文本 width= width height= height hs pace=垂直边距 vspace=水平边距 border=边框，陕西新华计算机软件学校-电子商务教学与研究组