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

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

(25页)

本资源提供全文预览，点击全文预览即可全文预览,如果喜欢文档就下载吧，查找使用更方便哦！

19.9 积分

第1讲 HTML的基础知识陕西新华电脑软件学校-电子商务教研组任务一 Table与DIV布局的区别任务三 认识HTML标签(重点)HTML基础知识教学重难点任务二 HTML基本语法(难点)2陕西新华电脑软件学校-电子商务教研组1、Table布局与DIV布局的区别(1) 制作效率(2) 浏览器兼容性(3) 扩展性与可读性任务一 Table与DIV布局的区别[区别]3陕西新华电脑软件学校-电子商务教研组2、DIV+CSS布局优势(1) 完美地实现结构层同表现层分享(2) 页面下载速度快(3) 页面修改更简单方便(4) 搜索引擎搜索更加优化任务一 Table与DIV布局的区别【反思比较优势战略，打开弱者上升之门】4陕西新华电脑软件学校-电子商务教研组任务二 HTML基本语法*HTML标签双标签如：、单标签如：、、5陕西新华电脑软件学校-电子商务教研组任务二 HTML基本语法HTML标签格式格式一内容格式二内容格式三6陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签HTML基本结构 HTML 文件的正文 课程实例：a.html【网站主体(body)】7陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签HTML元素属性HTML元素可以有自己的相关属性，每一个属性还可以赋一定的值。元素属性出现在元素的内，并且和元素名之间有一个空格分隔；属性值用“”引起来。实例：b.html8陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签HTML基本结构 - HEAD属性元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 元素定义HTML文档的标题。9陕西新华电脑软件学校-电子商务教研组HTML基本结构 - HEAD属性元素 用来标记搜索引擎在搜索页面的关键词。任务三 认识HTML标签10陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签元素 用来标记文档的作者用来标记你的页面的解码方式 11陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签HTML基本结构 - BODY属性 (1)bgcolorbgcolor属性定义HTML文档的背景颜色。(2)backgroundbackground属性定义HTML文档的背景图片。通常使用的图片格式有GIF，JPG,PNG等12陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签(3)bgproperties背景图片成水印效果，滚动属性。(4)texttext属性定义HTML文档的正文文字颜色。13陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签(5)超级链接颜色link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。(6) leftmargin和topmargin设置网页主体内容距离网页顶端和左端的距离14陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签文字属性标记1.文字颜色 指定颜色 ... 2.文字字体 ... 15陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签3.文字大小 ... #=1, 2, 3, 4, 5, 6, 7 or +#, -#4.文字标题 ... #=1, 2, 3, 4, 5, 616陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签5.文字效果加粗 斜体 斜体 上标下标实例：c.html17陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签下划线删除线删除线粗体斜体文字增大显示文字缩小显示18陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签6.文字的对齐... (n=1,2,3,4,5,6)... (#=left, center, right)19陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签行的控制 段(Paragraph) (可以看作是空行) 换行 空白占位符  实例：d.html20陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签标尺线 ：设定线宽 ：设定线长 ：设定对齐方式 #=left, right ：设定线的颜色案例：e.html21陕西新华电脑软件学校-电子商务教研组任务三 认识HTML标签插入图片的元素标记简介格式: ..常用属性:src =“图片源地址” alt =“替换文字“width =“宽度“ height =“高度”hspace =“垂直边距“ vspace =“水平边距”border =“边框“22陕西新华电脑软件学校-电子商务教研组本讲总结Table布局与DIV布局的区别HTML基本语法认识HTML基本标签23陕西新华电脑软件学校-电子商务教研组作业1、完成课堂案例2、完成zy124陕西新华电脑软件学校-电子商务教研组25陕西新华电脑软件学校-电子商务教研组 关 键 词： 用法 相关 html 标签 基础 知识

 天天文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。