Html简介和超链接1.ppt

1 HTML简介和超链接 2 目标 描述互联网描述HTML HypertextMarkupLanguage 编写简单的HTML文档在HTML文档中使用超链接使用标记在HTML文档中使用特殊字符 3 互联网简介 互联网是世界上最大的计算机网络互联网被称为网络的网络WWW包含分散在世界范围内的众多Web服务器 WorldWideWeb 4 用户从浏览器获得资源 输入地址 请求 HTTP传输 5 标记语言 6 HTML简介 HTML是一种标记语言使用HTML标记和元素 可以 控制页面和内容的外观发布联机文档使用HTML文档中插入的链接检索联机信息创建联机表单 收集用户的信息 执行事务等等插入动画开发帮助文件 7 HTML语法示例1 欢迎学习HTML我的第一个HTML文档 运行结果 8 浏览器和编辑器 Netscape的NavigatorMicrosoft的InternetExplorer 浏览HTML文件的工具编辑HTML文件的工具 MicrosoftFrontPageMacromediaDreamweaver记事本 9 HTML开发 HTML标记的格式组成 HTML标记用于标记HTML文档的开始和结束 元素 标识标记 属性 描述标记 值 分配给属性的内容 10 HTML文档的结构 HTML部分文档头部分正文部分 欢迎进入HTML世界这会是一种很有趣的体验 基本结构 11 段落标记 欢迎使用HTML这会是一种很有趣的体验另一个段落元素 12 换行标记 欢迎使用HTML这会是一种很有趣的体验另一个段落元素 13 使用对齐属性 学习HTML这会是一种很有趣的体验 右对齐 14 使用META标记2 1name和http equiv 提供关于网页的信息 对网页的描述 根据关键词生成响应 获得文档的作者名称 2 应用 关键词生成响应 Expires Mon 15Sep200314 25 27GMT 设置网页的到期值 响应 页面显示中文 设置网页使用gb2312 15 description 中的content 网页描述 是对一个网页概况的介绍 这些信息可能会出现在搜索结果中 因此需要根据网页的实际情况来设计 尽量避免与网页内容不相关的 描述 另外 最好对每个网页有自己相应的描述 至少是同一个栏目的网页有相应的描述 而不是整个网站都采用同样的描述内容 因为一个网站有多个网页 每个网页的内容肯定是不同的 如果采用同样的description 显然会有一些网页内容没有直接关系 这样不仅不利于搜索引擎对网页的排名 也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息 16 3 自动刷新页面 4 使用网页所使用的编码 应用 如网上实时新闻报道 应用 如在不同浏览器上正确显示中文 使用META标记2 2 17 作用 网页向浏览器提供额外的说明信息 Charset 指定该网页所使用的字符编码 18 在HTML文档中使用特殊字符 Userid用户名 口令 200189 号 20189 号 风驰电掣 quot 号 xx 120 与符号 CopyRight版权所有 版权符号 CSUINFO 注册商标 19 最常用的字符实体 空格 20 1 职位 关于可申请的职位 2 培训资源 本学院美术学位的培训资源请单击此处查看视频 3 联盟 我们有许多联盟 超链接简介2 1 21 超链接简介2 2 Web站点1 Web站点2 22 创建超链接 要创建超链接 必须指定两个部分 要链接的文件的完整地址或URL 热点 热点可以是一行文字甚至一个图像 C internet index htmlservice index html 绝对URL 文件的完整地址 相对URL 23 HREF HypertextProtocol是协议类型http 超文本传输协议ftp 文件传输协议mailto 发送电子邮件Host domain是服务器的Internet地址Port是目标服务器的端口号Hypertext是用户必须单击才能激活链接的文本或图像 语法为 24 链接到其他文档 使用链接本页的所有内容都讲述关于如何创建到文档的链接单击此处查看文档2 文档2这是文档2 单击文档1中的超链接后将显示本页 返回 25 链接到同一文档的各个部分 使用链接互联网HTML简介多样化和统一性互联网互联网是网络的网络 也就是说 计算机网络可以跨越国家甚至全球的范围连接到其他网络 世界上所有的计算机都可以通过TCP IP传输协议绑定在一起 HTML简介超文本标记语言是Web用来创建和识别文档的标准语言 虽然它不是标准通用标记语言 SGML 的子集 但与它有着某种程度上的关联 SGML是一种文档格式语言表示方法 多样性和统一性万事万物都离不开多样性和统一性这样一条基本准则 也就是说 所有的事物都可以融合成一个整体 同时 又保持自己独特的与众不同的一面 站点的独特性恰恰来源于它的一致性 颜色 字体 分栏布局以及其他设计元素应在站点的每个部分都保持一致 单击 26 链接到另一文档中某个特定位置 主文档互联网HTML简介多样性和统一性 单击 27 使用电子邮件 如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件 则可以在网页内包含发送电子邮件的功能 实现此功能所需的全部工作就是在链接标记中插入mailto值 我的电子邮件 28 HREF其它的应用 播放语音文件执行对应的程序打开对应的文档 29 在网站上导航 线性布局分层布局图像映射超链接子页面目录 后退 和 前进 按钮 30 线性布局 遵循线性结构页面之间顺序链接 31