HTML语言控制PPT演示文稿.ppt
《HTML语言控制PPT演示文稿.ppt》由会员分享,可在线阅读,更多相关《HTML语言控制PPT演示文稿.ppt(22页珍藏版)》请在三一文库上搜索。
1、1,第3章 HTML语言控制,2,本章教学目标:,HTML是创建网页时使用的语言,是网页设计的基础,虽然使用Dreamweaver可以不写一句代码就能设计出漂亮的网页,但理解和掌握HTML对网页设计大有裨益。本章主要介绍HTML的相关知识,包括什么是HTML及其基本语法、如何定制及清理多余的HTML代码,以及在各种环境中编辑HTML代码的方法。,3,教学重点与难点:,1. HTML的基本语法 2. 使用代码检查器 3. 设置HTML代码参数 4. 清理多余的HTML代码 5. 编辑HTML代码,4,3.1 什么是HTML,HTML是创建网页时使用的语言。 HTML并不是一种程序设计语言,而是一
2、种页面描述性语言。它通过各种标签描述不同的内容,说明段落、标题、图像及字体等在浏览器中的显示效果。 当用户使用网页浏览器(例如IE)阅读HTML文件时,浏览器将插入到HTML文本中的各种标签解释为需要显示的内容。 Dreamweaver通过“代码检查器”面板、“代码”视图与快速标签编辑器等为HTML提供了通道,为喜欢手写HTML语言编辑网页的用户创造了全方位的代码编辑环境。,返回,5,3.2 HTML的基本语法,HTML语言由标签和文本组成,其实质是一个基于文本的编码标准,用于指示网页浏览器以什么方式显示信息。下面简单介绍HTML的基本语法: 1. HTML标签 2. head标签 3. ti
3、tle标签 4. body标签,6,Meta标签,META标签,是HTML语言HEAD区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段html代码: head meta http-equiv=Content-Type content=texthtml; charset=gb2312 head 这就是META标签的典型应用,标识page所采用的编码类型,指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。根据HTML语言标准注释:META标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。,7,例3.1效果
4、图,8,源代码: 心情快递 祝天下所有人中秋节快乐! 心怡 人有悲欢离合 月有阴晴圆缺 此事古难全 但愿人常久 千里共婵娟 预祝朋友们中秋节快乐! 不论你家在何方,身在何处,只要你健康快乐,就是家人的幸福和希望。 愿网络连结起我们心灵的桥梁! ,返回,9,3.3 使用代码检查器,“代码检查器”面板可以显示当前文档的源代码,并且将按照HTML颜色参数中的设置显示各种标记的颜色。修改的页面内容将立即显示在“代码检查器”面板中。对于不太了解HTML语法的用户来说,“代码检查器”面板是一个非常实用的HTML工具。,10,3.3.1 认识“代码检查器”面板(窗口|代码检查器),文件管理,在浏览器中预览/
5、调试,刷新设计视图,参考:参考面板,学习语言,代码导航:为html设置或清除断点,定义作用,选项菜单:选择代码显示形式,11,3.3.2 “代码检查器”面板的功能,“代码检查器”面板的主要功能如下: 1. 默认情况下,重新编写某些重叠的标签,关闭不允许保持打开状态的标签。 2. 使用黄色标识出无效的HTML代码(即不支持的HTML)。 3. 对无法识别的标记不做任何修改(包括XML标记),因为没有 任何标准可以判断标记是否有效。 4. 不改变ColdFusion语言(简称CFML)或Microsoft Active Server Pages (Microsoft活动服务器页,简称ASP)标记,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 控制 PPT 演示 文稿
链接地址:https://www.31doc.com/p-8764563.html