第2章HTML基础介绍重点.ppt

* * * * * * * * * * * * * * * * * * * * 4.XHTML 1.0 Transitional 页面中允许使用被W3C已经废弃的标记。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。 2.1.4 编写网页的开头 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 5. HTML 5 2.1.4 编写网页的开头 !DOCTYPE html 6.XHTML 1.1 该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。 2.1.4 编写网页的开头 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN /TR/xhtml11/DTD/xhtml11.dtd 为教材P18实验添加背景颜色，字符编码设置为简体中文，2秒刷新打开xt1-1.html 标记：是HTML的基本元素，可以说一个HTML文件大部分都是由字符信息加上一些标记呈现出来的。 基本的标记可分为两种： 单标记：只要一个标记就能完成所要表示的功能。 双标记：需要首标记和尾标记两部分构成才能完成所需功能。 2.2 HTML基本语法 浏览器从这里开始执行该标记所表示的功能 浏览器在这里结束该标记的执行 单标记 2.2.1 标记语法 br：表示换行 img：表示图像 标记名称 双标记 2.2.1 标记语法 标记名称内容/标记名称 b内容/b bi这是错误的交叉嵌套代码/b/i× 告诉浏览器介于标记b和/b 之间的文本应以粗体显示 标记可以包含标记，即标记可以 成对嵌套，但是不能交叉地嵌套 HTML语言标记是由英文单词或其缩略字母和一对定界符（）共同组成，每一个标记有一系列属性。 标记约定、描述、标识了信息内容，属性控制了信息内容显示效果。 2.2.2 属性语法 2.2.2 属性语法 标记名称 属性名1=属性值 属性名2=属性值 hr size=5px align=center 标记名、属性名和属 性值不区分大小写 要适当空格 要适当空格 属性没有个数限制，顺序任意 hr size=5px align=center 或 网页中插入一条水平线 注释标记用于在程序代码中插入注释。 注释内容不会在浏览器中显示出来，仅用于对网页有关内容说明。适当的注释对以后代码的阅读和维护产生很大的帮助。 注释内容不局限于一行，长度也不受限制。 2.3 注释 !-- 注释内容 -- !-- This is a comment -- “”和“”是任何标记的开始和结束。元素的标记要用这对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠“/”；元素必须被关闭。 标记可以嵌套使用，但不能嵌套标记。 在源文件中不区分大小写。 任何回车符和空格在HTML代码中都不起作用。为了代码清晰，建议不同的标记都单独占一行。 标记中可以放置各种属性，属性值都用“”括起来； 标签名和属性建议都用小写字母。 编写代码，一般应该使用缩进风格，以便更好的理解页面的结构，便于阅读和维护。 2.4 编写HTML文件的注意事项 HTML文件的命名要注意以下几点： 文件的扩展名为.htm或.html结束，建议统一使用html作为文件名的后缀； 文件名中只可由英文字母、数字或下划线组成； 文件名中不要包含特殊符号，比如空格、$等； 文件名区分大小写； 网站首页文件名一般是index.html或default.html。 2.4 编写HTML文件的注意事项 编写一个HTML文件，在编写的时候要注意编写的注意事项，养成良好的编码习惯。 2.5 小实例 !--程序2-5-- html head title页面的标题/title /head body p这是我的第一个页面。b这是粗体文本。/b/p img src=“welcome.jpg” /body /html 段落 粗体 插入图像 pb…/b/p img 本章主要介绍了HTML文件的基本结构和基本语法。HTML文件基本结构包含三大部分，其中： html、/html分别表示一个HTML文件的开始和结束； head、/head分别表示文件头部的开始和结束； body、/body分别表示文件主体的开始和结束。body/body是HTML文档的核心部分，在浏览器中看到的任何信息都定义在这个标记之内。 本章小结 课