东软培训实训基地建设规划.pptVIP

样本文案讨论稿 HTML基础 东软信息学院 内容简介 HTML基础 HTML简介 HTML编辑和运行环境 HTML基本结构和主要内容 标签讲解 文本标签 超链接 列表 图像 表格 框架 表单 完整实例 HTML简介 HTML Hypertext Markup Language 超文本标记语言 文档布局：告诉浏览器如何显示文档内容，如文本、图像和其它媒体 超文本链接：可以把文档与其它互联网资源连接起来 XML Extensible Markup Language 可扩展标记语言 W3C为了满足处理其它类似HTML文档的需求而定义的标记语言 是独立而正式的标记元语言 XHTML 一个HTML的重写版本 为了使XML与HTML相兼容 HTML的编辑和运行环境 HTML的编辑环境 所见及所得的编辑器，如：Dreamweaver、FrontPage 文本编辑工具，如：记事本、EditPlus HTML的运行环境 浏览器 Internet Explorer 6 FireFox 1.5 由于各浏览器对HTML的支持有差别，所以尽量避免使用非规范的HTML标记 HTML文档的结构 最外层是 html head 页面头部 title 页面标题 body 页面主体 HTML文档的主要内容 标签 放在 之间 标签可以有属性 大多数标签影响文档中的一个独立部分，从开始标签到结束标签 有的标签没有结束标签 举例 a href 东软教育在线 注释 !-- 注释内容 -- 注释不会在浏览器中显示出来 文本 不是标签也不是注释，就一定是文本了 就是在浏览器中显示给读者的那一部分 HTML文档中的多媒体元素 我们在网上看到或听到的图像、视频、Flash等多媒体元素不是HTML文档的一部分 这些多媒体数据与HTML文档分开保存 通过特殊的标签把这些多媒体元素的引用包括在文档中 浏览器利用引用加载这些元素，并把它们与文本集成在一起 特殊文本字符 有特殊意义的字符用于纯文本时 键盘无法输入的字符 字符实体 表示的内容 nbsp； 不断行的空格 lt； gt； amp； quot； copy； ? 浏览器对空白的处理 除特殊情况外 例如 中包括的内容 浏览器忽略 开头和结尾的空格 换行 缩进 连续的空格、换行、缩进 只保留一个 与文本相关的标签 与文本相关的标签是HTML语言中最丰富的一部分 用于外观 粗体 斜体 强调 用于结构 division 部分 paragraph 段落 line break 换行 标题1 水平分隔线 预格式化文本 超链接 什么是超链接 点击某个图标或某段文字，就可以自动连到相对应的文件。 超链接的使用 用 标签来创建 href属性： 标签中的属性，用于指定链接目的地，参数值可以是任何有效的URI，包括相对的和绝对的URL，也可以是JavaScript语句。 超链接举例 a href 东软教育在线 a href 5/data.zip 下载 a href course_list.action 课程列表 a href javascript:history.go -1 返回 图像标签 允许将外部图像文件（JPEG、GIF、PNG等格式）嵌入文档 标签的常见属性 src?指定图像文件的URL，此属性是必需写的 id?指定包含嵌入的图像文件的名称。 width?所插入的图像的宽度 height?所插入的图像的高度 align?指定文本字段中嵌入图像的水平对齐 alt 不显示图像时的替代文本 border 图像外边框大小 列表 主要分为无序（unordered）列表和有序（ordered）列表 用 或 来定义边界 列表中的项目用 进行标记 列表可以嵌套 表格 表格标签主要包含下列几项 表格标签 行标签 单元格标签 表头标签 或 的属性 colspan 跨列 rowspan 跨行 框架 框架允许我们把浏览器分割成多个不同的显示区域，每个区域显示不同的文档 定义框架 使用 标签替代 标签 在 标签内使用 标签指向具体的文档 表单 通过 和 标签，可以在文档中界定表单区域 表单允许用户输入数据，然后发送给服务器 服务器处理表单后做出响应 表单组成部分 文本框 密码框 单选按钮 复选框 下拉列表 文本区域 按钮 隐藏字段 表单元素介绍1 表单元素介绍2 实例练习 综合实例练习 * IT Education Training IT Education Training IT Education Training html示例 这是一个HTML的文件。 这 是一个 HTML 的