HTML与CSS前台页面设计许莉第02章HTML基础课件教学.pptVIP

PPT研究院 POWERPOINT ACADEMY * * HTML与CSS前台页面设计 第二章 HTML与CSS前台页面设计 HTML基础 第二章 HTML基础 HTML与CSS前台页面设计 本章要点 HTML代码的结构 HTML网页的构成 第二章 HTML基础 HTML与CSS前台页面设计 目录： 2.1 HTML代码的结构 2.2 HTML网页的构成 2.3 HTML网页的浏览与测试 2.4 综合实例 1.HTML代码的组成 HTML用于描述功能的符号称为“标记”。如“html”、“body”、“table”等。标记在使用时必须用方括号“”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。 2.1 HTML代码的结构 2.注释与空白符 （1）注释 HTML注释是一种文本内容，出现在HTML源文档中,但浏览器并不显示他们，对于注释来说，最大的区别就是HTML不允许对它进行嵌套。有两种注释方式： 注释方法1： !---注释--- 注释方法2： comment…/ comment 2.1 HTML代码的结构 （2）空格符 HTML页面中空格符并不具有调整间距的功能(加续出现多个空格符时，仅第一上空格符有效)，若要正确的使用空格符，请改用HTML空格符，才能完成空格符的功能。空格符号是通过代码控制的。 基本语法：nbsp 2.1 HTML代码的结构 3.标记的嵌套 在大多数情况下，标记必须被放置在其他标记内部，这个过程被称为嵌套标记，必须先结束最靠近嵌套标记内容的标记，在按照由内及外的顺序依次进行。 2.1 HTML代码的结构 4.标准属性 HTML标记可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称=“值”的形式出现。比如：name=“form1”，其中“name”就是属性名，“form1”就是属性值。属性值总是在HTML 元素的开始标记中指定。关于标记和属性有下面的一些说明： （1）HTML 标记是用来标记 HTML 元素的。 （2）HTML 标记被 “” 和 “” 符号包围。 （3）HTML 标记是成对出现的。例如 p 和 /p。 （4）位于起始标记和终止标记之间的文本是元素的内容。 （5）HTML 标记对大小写不敏感，b 和 B 的作用的相同的。 2.1 HTML代码的结构 2.2 HTML网页的构成 1.HTML网页结构 在进行HTML文件编写的时候，必须遵循HTML的语法规则。完整的HTML文档文件由标题、段落、表格等各种对象组成。 所有的HTML一般都包括有这个结构标志。 2.2 HTML网页的构成 2.HTML标记及其属性 2.2 HTML网页的构成 3.head标记及其属性 head标记用来封装其他位于文档头部的标记。把该标记放在文档的开始处，紧跟着在html标记后面并位于body标记或frameset标记之前。head标记一般在html标记和body标记的中间，是用来定义一些头部说明。head标志中包含文档的标题，文档使用的脚本，样式定义和文档名信息。 2.2 HTML网页的构成 3.body标记及其属性 2.3 HTML网页的浏览与测试 1.利用IE与Firefox浏览HTML网页 （1）利用IE浏览HTML网页 选择【文件】|【打开】，然后单击“浏览”按钮，去查找硬盘中存放的网页文件，然后单击“打开”按钮，浏览器就能够显示编写网页的页面效果了。 （2）Mozilla Firefox 火狐3.6内置支持Personas皮肤，支持CSS、DOM和HTML5，以及全屏视频播放和开放源代码的“Web开放字体格式”。另外，火狐3.6还增添了一项新的安全功能，可以检查FlashPlayer和QuickTime等插件版本，确保它们是最新版本，屏蔽存在安全问题的插件，并提醒用户更新插件。 2.3 HTML网页的浏览与测试 2 . 利用Firebug测试HTML网页 Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具，可以实时编辑、调试和监测任何页面的CSS、HTML和 JavaScript。 2.4 综合实例 HTML基础 第二章 本章结束 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋死 HTML与CSS前台页面设计