HTML网页开发与设计基础 精品课件.pptVIP

HTML网页开发与设计基础 教师： HTML 标签2-1 ?HTML 标签是由尖括号包围的关键词，如 html ?HTML 文档和 HTML 元素是通过 HTML 标签进行标记的 ?HTML 标签由开始标签和结束标签组成 ?开始标签是被括号包围的元素名，如body ?结束标签是被括号包围的斜杠和元素名,如/body ?某些 HTML 元素没有结束标签，比如 br,hr META 标签 2-2 HTML 元素 HTML 文档是由 HTML 元素定义的。 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 HTML 元素语法 ?HTML 元素以开始标签起始 ?HTML 元素以结束标签终止 ?元素的内容是开始标签与结束标签之间的内容 ?某些 HTML 元素具有空内容（empty content） ?空元素在开始标签中进行关闭（以开始标签的结束而结束） ?大多数 HTML 元素可拥有属性 HTML 链接 使用 a 标签创建超链接的方式： 通过使用 href (hyperlink reference超级链接引用,href) 属性 - 创建指向另一个文档的链接 链接的 HTML 代码:a href=urlLink text/a 开始标签和结束标签之间的文字被作为超级链接来显示。 链接示例： a href=/我的主页/a HTML表单和输入 基本表单元素： HTML图像 HTML图像 HTML框架 使用框架的缺点： 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 有哪些信誉好的足球投注网站引擎蜘蛛（网络蜘蛛）不支持框架 HTML框架 为不支持框架的浏览器添加 noframes 标签。 不能将 body/body 标签与 frameset/frameset 标签同时使用！不过，假如你添加包含一段文本的 noframes 标签，就必须将这段文字嵌套于 body/body 标签内。 HTML框架 垂直框架： frameset cols=“35%,65% frame src=frame_a.htm frame src=frame_b.htm /frameset HTML框架 认识CSS 样式的分类 CSS语法 CSS伪类和链接 CSS框模型 CSS内边距 CSS边框 CSS外边距 CSS定位 CSS相对定位 CSS绝对定位 从HTML到XHTML 为什么要使用XHTML HTML是比较宽松的标记语言，所以许多网页上都可能存在糟糕的HTML代 码，如某些标签遗漏 了结束，或者少了某些符号，又或者嵌套混乱（pb你好/p/b), 诸如此类错误，在计算机浏览器中，是会包容或者忽略这些错误的，所以可能工作得很好，可是移动电话或掌上设备的浏览器就不能正常解释了。而XTHML更严谨和更规范的，是结构良好的文档，可以在所有浏览器上工作，也可以向后兼容， XHTML 与 HTML 之间的差异 ?XHTML 元素必须被正确地嵌套。 ?XHTML 元素必须被关闭。 ?标签名必须用小写字母。 ?XHTML 文档必须拥有根元素。 XHTM语法规则和DTD ?属性名称必须小写 ?属性值必须加引号 ?属性不能简写 ?用 Id 属性代替 name 属性 ?XHTML DTD 定义了强制使用的 HTML 元素 XHTML DTD的三种类型 ?STRICT（严格类型） ?TRANSITIONAL（过渡类型） ?FRAMESET（框架类型） * 讲解要点： 1）表格一般都需要标题，说明表格的内容主题。表格的标题由标签CAPTION设置 设置标题位于表格上方： 　　CAPTION align=top 表格标题 /CAPTION 设置标题位于表格下方： 　　CAPTION align=bottom表格标题/CAPTION 2）同理，表格的第一行或第一列，一般需要加粗突出显示，作为行或列的标题。 设置行或列的标题： TH行或列标题/TH 演示：TG5-Source文件夹中的“表格标题”用例。 * 讲解要点： 1）为了美观大方，表格中的数据一般需要设置对齐方式。 2）设置表格、行或列的对齐方式，修改align属性为right（右对齐），center（居中）或left（左对齐）就可以了，默认为“左对齐”。 本例效果：设置表格居中显示，姓名列“左对齐”，性别列居中，分数列“右对齐”。 演示：TG5-Source文件夹中的“表格对齐”用例。 * 讲解要点： 1）表格的颜色设置： 　　表格的背景色 TABLE bgcolor=颜色值 　　行的背景色