网络应用程序的设计--HTML导论(基础篇).ppt

参考: HTML导论(基础篇) 段会川 山东师范大学信息科学与工程学院 2006年10月 目 录 什么是HTML文件? HTML文件示例 HTML元素(elements) 标签属性(attributes) 基本的HTML标签—标题、段落、断行、注释 基本的HTML标签—要点 HTML文本格式化 计算机输出代码 地址、缩略语和引用 目　录 字符实体(Character entities) 最常用的字符实体 特别的字符实体 HTML超链接(Hyperlink) 链接到网页中的某个特定位置 HTML框架(frames) 框架集(frameset)标签 框架单元(frame)标签 框架示例 HTML表格(tables) 表格举例 目　录 HTML列表(Lists) HTML表单(Forms) HTML图片 网页背景 HTML颜色(Colors) HTML 4.01快速列表 什么是HTML文件? HTML代表”超文本标记语言”(Hyper Text Markup Language) HTML文件(file, 文档, document)包括许多小的标记标签(markup tags) 这些标记标签告诉Web浏览器怎样显示HTML文件(网页)中的内容 HTML文件必须取.htm或.html为扩展名(类型名), 前者是由早期的系统仅支持3个字符的扩展名延续下来的, 后者更流行 HTML文件可以使用简单(纯)文本编辑器创建和编辑 Windows系统中最常用的纯文本编辑器是Notepad(记事本) HTML文件示例 将下列内容保存为simpleHTML.htm, 并用浏览器打开 html head title我的网页/title /head body 这是我的第一个网页. b这里的文本是粗体./b /body /html 示例解释 HTML标签放在尖括号中 html和/html表示HTML文档的开始和结束 head和/head部分是文档的头部信息, 它们不在浏览器的窗口中显示 title标签中的信息显示在浏览器的标题栏中 body标签中的信息将显示在浏览器的窗口中 b标签中的内容将以粗体显示 新修改的HTML怎么在浏览器中未体现出来? 浏览器使用缓存功能, 保持着访问过的网页, 这样能够极大地提高网页访问效率 要经常使用浏览器的”刷新”功能显示网页的最新变化 HTML元素(elements) HTML文档是由HTML元素构成的文本文件 HTML元素由HTML标签定义 HTML标签 HTML标签用于标记HTML元素 HTML标签由尖括号界定 HTML标签通常成对出现, 如b和/b, 前者称为起始标签, 后者称为结束标签 在起始和结束标签中的内容称为元素内容 HTML标签不区分大小写 使用小写的标签 W3C(WWW联盟, World Wide Web Consortium)在HTML4建议书中推荐使用小写的标签 XHTML(下一代HTML)要求使用小写的标签 使用小写的标签是一个好习惯, 因为这能使你更容易地学习和使用下一代HTML 标签属性(attributes) 标签可以带有属性, 属性为HTML元素提供了额外的显示参数 body bgcolor=“red”表示body标签有一个bgcolor(背景)属性, 其值为”red”(红色) table border=“0”是带有border(边框宽度)属性的table(表格)标签 属性通常以”名字/值”对(name/value pair)的方式出现: Name=“value” 属性通常加在HTML元素的起始标签中 多个属性间用空格分开 属性值通常用双引号界定, 但也可以使用单引号, 当属性内容中需要双引号时, 则应使用单引号界定, 反之依然 Attrributes.htm 基本的HTML标签—标题 标题(Heading) h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 h4四级标题/h4 h5五级标题/h5 h6六级标题/h6 HTML自动将标题放在独立的行上 使用align=“center”属性可使标题居中 headings.htm 基本的HTML标签—段落 段落使用p标签 p这是一个段落/p p这是另一个段落/p HTML自动在段落前后插入空行 Paragraphs.htm 基本的HTML标签—断行 断行标签br用于将文字开始一个新行,而不是一个新的段落 p这是br一个带有断行br的段落./p br标签本身就构成了标记元素, 它不需要结束标签, 自然也就不需要内容 但新的HTML 4.01标准要求使用br / br.htm 基本的HTML标签—注释 注释标签用于在HTML源文件中对HTML文件的设计进行解释和说明, 其内容将被浏览器忽略, 因而不会显示在浏览器的窗口中 !-- 这里是