网络应用程序设计--html导论高级节.pptVIP

网络应用程序设计 --HTML 导论 ( 高级篇 ) HTML 导论 ( 高级篇 ) 段会川 山东师范大学信息科学与工程学院 2006 年 10 月 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 2 目 录 HTML 布局 (layout) HTML 字体 (fonts) HTML 文档的有效性 HTML 样式 (Styles) – 外部样式单 (External Style Sheet) – 内部样式单 (Internal Style Sheet) – 内联样式 (Inline Styles) HTML 头部 (head) – Meta 元素 统一资源定位 URL(Uniform Resource Locators) 到 email 地址的链接 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 3 目 录 HTML 脚本 (scripts) HTML 4.0 标准属性 (standard attributes) – 核心属性 (core attributes) – 语言属性 (language attributes) – 键盘属性 (keyboard attributes) HTML 事件属性 (event attributes) HTML 小测验 (quiz) 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 4 HTML 布局 (layout) 以报刊的分栏和分块方式对网页内容进行整体规划称 为网页的布局 HTML 网页布局可以使用两种技术 : 表格和框架 – HTML 4.01 中不建议使用框架 使用表格进行布局 – 用表格的单元对窗口进行分列和分块 – 设置表格的边框宽度为 0 – 设置必要的填充数值 , 以留出必要的内边空 – 设置必要的背景颜色或图片 – Layout.htm 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 5 HTML 字体 (fonts) 字体标签为 font – 使用 size 属性指定大小 – 使用 face 属性指定字体名 – 使用 color 指定字体颜色 – Fonts.htm 新的 HTML 4.0 标准及 XHTML 标准不鼓励使用 font 标签 , 而且趋势是取消它 , 代之以样式 (Style) – Style.htm 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 6 HTML 文档的有效性 为使 HTML 文档得到有效的验证 , 应该在文档的开始增加验证 文档所需的文档类型定义 (Document Type Definition, DTD) 说 明 严格的 HTML 4.01 DTD !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd 宽松的过渡阶段 HTML 4.01DTD !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 带框架集的过渡阶段 HTML 4.01DTD !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN /TR/html4/frameset.dtd 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 7 HTML 样式 (Styles) 在 HTML 4.0 中 , 所有的格式化信息都可从 HTML 文档 中独立出去 , 存放在另一个称为样式单 (style sheet) 的 文件中 样式可有三种使用方式 – 外部样式单 (External Style Sheet) – 内部样式单 (Internal Style Sheet) – 内联样式 (Inline Styles) 网络应用程序设计 --HTML 导论 ( 高级篇 ) 2018/11/24 参考 : 8 外部样式单 (External Style Sheet) 当一种样式要应用到许多网页时 , 外部样式单是最理 想的方法 使用这种方法你可以通过只修改一个文件改变整个 Web 站点的面貌 每个网页需要在其 head 部分使用 link 标签链接到样 式单 head