html技术论文

HTML 技术 第 1 页 重庆工程学院 科技文献检索与利用课程论文 论文题目 HTML 技术 学院 电子信息学院 班级 1491001 学号 149100301 姓名 曲晓晓 分数 2016 年 11 月 1 日 HTML 技术 第 2 页 目录 目录 2 摘要 3 关键字 HTML 网页 网站 标准 4 一 HTML 的基本概念 4 二 HTML 的发展 4 一 HTML 的由来 4 二 HTML 的语言特点 5 三 HTML 的书写方式 5 一 HTML 的编辑 5 四 基本的 HTML 文档结构示例 6 一 HTML 的字符集 6 二 HTML 的整体结构 6 三 HTML 的头部内容 7 五 HTML 标签 7 一 HTML 标题 7 二 HTML 段落 7 三 HTML 链接 8 四 HTML 图像 8 五 HTML 元素 8 六 嵌套的 HTML 元素 8 七 各种常见的标签 8 六 HTML 各种排版样式 11 一 HTML 的文本的排版 11 二 段落的排版 12 七 HTML 网页的超链接 13 八 HTML 表格 13 一 表格的定义 13 二 表格和边框属性 14 三 表格的表头 14 四 表格中的空单元格 14 九 HTML 框架 15 十 总结 15 十一 参考文献 16 HTML 技术 第 3 页 摘要 随着网络在我们生活中占着越来越重要的位置 万维网也随之而来 Web 就其中流行 的一个很重要的因素 它可以在一页上同时显示色彩丰富的图像和文本 web 可以具有将 图形 音频 视频等集为一体的功能 不但使信息的显示更加生动而且是信息浏览更加 方便 同时为 web 页面的能实现网易平台 客户信息反馈 方便了企业与客户之间的信 息交流 许多企业纷纷建立网站以争强企业知名度 同时也逐步在外面的生活和工作中 演绎着重要的地位 万维网跟 HTML 有着重要的关系 在 WWW 上 可以通过单击莫一个对 象就可以自动链接到与相关的另一个文件超文本指的是就是加上超链接的对象是文本 万维网上供人们浏览的页面即是网页 进入万维网的第一个页面即为主页 一般情况下 主页的文件名为 index HTML 的超文本功能 就是连接功能 把网页之间链接起来 网 页与网页之间的链接就构成了多只多彩的 WWW 关键字 HTML 网页 网站 标准 一 HTML 的基本概念 HTML HyperText Mark up Language 即超文本标记语言 它是 w3c Worid Wide Web Consortium 组织推荐使用的一个国际标准 是一种用来制作超文本文档的简单 标记语言我们在浏览网页时 看到丰富的视频 文字 图片等内容都是通过浏览器解 析的 HTML 表现出来的 用 HTML 编写的超文本文档称为 HTML 文档 它能独立于各 种操作系统平台 一直被用作 WWW 万维网 的信息表示语言 通过介绍 我们知道了超文本标记语言的英文缩写为 HTML 理解超文本标记语 言的关键理解是 超文本 与 标记语言 之所以叫超文本 是因为它不仅可以加 入文字的文本文件 还可以加入链接 图片 声音 动画 影视等内容 使用 HTML 描述的文件 需要通过 Web 浏览器显示出效果 所谓标记语言 是指在纯文本文件里 包含了 HTML 指令代码 这些指令代码并不是一种程序语言 它只是一种排版网页中 资料显示位置的标记结构语言 在 HTML 中 每一个用来作为标签的符号都是一条指 令 告诉浏览器如何显示文本 这些标签均由 以及一个字符串组成 而浏览器的功能是对这些标记进行解释后 显示出文字 图像 动画和播放声音等 二 HTML 的发展 一 HTML 的由来 万维网上的一个超媒体文档称之为一个页面 外语 page 作为一个组织或者个人 在万维网上放置开始点的页面称为主页 外语 Homepage 或首页 主页中通常包括有 指向其他相关页面或其他节点的指针 超级链接 所谓超级链接 就是一种统一资源定 位器 Uniform Resource Locator 外语缩写 URL 指针 通过激活 点击 它 可使 浏览器方便地获取新的网页 这也是 HTML 获得广泛应用的最重要的原因之一 在逻辑上 将视为一个整体的一系列页面的有机集合称为网站 Website 或 Site 超级文本标记语 HTML 技术 第 4 页 英文缩写 HTML 是为 网页创建和其它可在网页浏览器中看到的信息 设计的一种 标记语言 网页的本质就是超级文本标记语言 通过结合使用其他的 Web 技术 如 脚本语言 公共网关接口 组件等 可以创造出功能强大的网页 因而 超级文本标记语言是万维 网 Web 编程的基础 也就是说万维网是建立在超文本基础之上的 超级文本标记语言 之所以称为超文本标记语言 是因为文本中包含了所谓 超级链接 点 二 HTML 的语言特点 超级文本标记语言文档制作不是很复杂 但功能强大 支持不同数据格式的文件镶 入 这也是万维网 www 盛行的原因之一 其主要特点如下 1 简易性 超级文本标记语言版本升级采用超集方式 从而更加灵活方便 2 可扩展性 超级文本标记语言的广泛应用带来了加强功能 增加表示标识符 等要求 超级文本标记语言采取子类元素的方式 为系统扩展带来保证 3 平台无关性 虽然个人计算机大行其道 但使用 MAC 等其他机器的大有人在 超级文本标记语言可以使用在广泛的平台上 这也是万维网 WWW 盛行的另一 个原因 4 通用性 另外 HTML 是网络的通用语言 一种简单 通用的全置标记语言 它允许网页制作人建立文本与图片相结合的复杂页面 这些页面可以被网上任何 其他人浏览到 无论使用的是什么类型的电脑或浏览器 三 HTML 的书写方式 一 HTML 的编辑 它其实是文本 它需要浏览器的解释 它的编辑器大体可以分为三种 基本文本 文档编辑软件 使用微软自带的记事本或写字板都可以编写 当然 如 果你用 WPS 来编写 也可以 不过存盘时请使用 htm 或 html 作为扩展名 这样就方便 浏览器认出直接解释执行了 1 其所见即所得软件 如 FCK Editer E webediter 等在线网页编辑器 尤其推荐 Sublime Text 代码编辑器 由 Jon Skinner 开发 Sublime Text 2 收费但可以无限期试用 2 所见即所得软件 使用最广泛的编辑器 完全可以一点不懂 HTML 的知识就可 以做出网页 如 AMAYA 出品单位 万维网联盟 FRONTPAGE 出品单位 微软 Dreamwear 出品单位 Adobe HTML 技术 第 5 页 3 所见即所得软件与半所见即所得的软件相比 开发速度更快 效率更高 且 直观的表现更强 任何地方进行修改只需要刷新即可显示 缺点是生成的代码结 构复杂 不利于大型网站的多人协作和精准定位等高级功能的实现 四 基本的 HTML 文档结构示例 一 HTML 的字符集 在网页中除了可显示常见的 美国信息交换标准代码 外语 缩写 ASCII 字符和汉字外 HTML 还有许多特殊字符 它们 一起构成了 HTML 字符集 有 2 种情况需要使用特殊字符 一 是网页中有其特殊意义的字符 二是键盘上没有的字符 HTML 字符可以用一些代码来表示 代码可以有 2 种表示方式 即 字符代码 命名实体 和数字代码 编号实体 字符代码以 结束 其间是字符名 如 数字代码也以 结束 其间是编号 如 二 HTML 的整体结构 一个网页对应多个 HTML 文件 超文本标记语言件以 htm 磁盘操作系统 DOS 限 制的外语缩写 为扩展名或 html 外语缩写 为扩展名 可以使用任何能够生成 TXT 类 源文件的文本编辑器来产生超文本标记语言文件 只用修改文件后缀即可 标准的超文本标记语言文件都具有一个基本的整体结构 标记一般都是成对出现 部分标记除外例如 即超文本标记语言文件的开头与结尾标志和超文本标记 语言的头部与实体两大部分 有三个双标记符用于页面整体结构的确认 标记符 说明该文件是用超文本标记语言 本标签的中文全称 来描述的 它是文件的开头 而 则表示该文件的结尾 它们是超文本标记语言文件 的开始标记和结尾标记 HTML 技术 第 6 页 三 HTML 的头部内容 这 2 个标记符分别表示头部信息的开始和结尾 头部中包含的标 记是页面的标题 序言 说明等内容 它本身不作为内容来显示 但影响网页显示的效 果 头部中最常用的标记符是标题标记符 meta 标记符 其中标题标记符用于定义网页的 标题 它的内容显示在网页窗口的标题栏中 网页标题可被浏览器用作书签和收藏清单 设置文档标题和其它在网页中不显示的信息 比如 dircation 方向 语言代码 Language Code 实体定义 ENTITY i18n 指定字典中的元信息 等等 四 HTML 的主体内容 网页中显示的实际内容均包含在这 2 个正文标记符之间 正文标记符又称为实体标记 五 HTML 标签 HTML 是简单的文本标签语言 HTML 文档由元素组成 元素由开始标签 结束标签 属性 元素的内容 4 部分构成 标签是元素组成 用来标记内容块 一 HTML 标题 HTML 标题 Heading 是通过 等标签进行定义的 二 HTML 段落 HTML 技术 第 7 页 HTML 段落是通过 标签进行定义的 三 HTML 链接 HTML 链接是通过 标签进行定义的 四 HTML 图像 HTML 图像是通过 标签进行定义的 五 HTML 元素 HTML 元素指的是从开始标签 start tag 到结束标签 end tag 的所有代码 六 嵌套的 HTML 元素 大多数 HTML 元素可以嵌套 可以包含其他 HTML 元素 HTML 文档由嵌套的 HTML 元素构成 1 HTML 文档实例 七 各种常见的标签 HTML 标签 html 文档中的存放在注释标签 中的内容不会显示在页面中 HTML 技术 第 8 页 HTML 标签 标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范来渲染网页 HTML 标签 a 标签可以定义超级连接 href 也可以定义锚链接 nane 是 html 中最重要的标签 之一 HTML 标签 Abbr 标签表示一个缩写形式 比如 Inc etc 表示它所包含的文本是一个更 长的单词或短语的缩写形式 HTML 标签 acronym 元素可定义只取首字母缩写 比如 WWWC 表示 World Wide Web Consortium HTML 标签 address 可定义一个联系方式 比如电子邮件地址 您可以使用它来定义地址 签名 或者文档的作者身份 HTML 标签 applet 定义嵌入 html 的 applet 小应用程序 applet 通常是采用 Java 创建的基于 HTML 的程序 HTML 标签 area 标签定义图像 image 映射中的区域 area 标签总是嵌套在 map 标签中 HTML 标签 b 标签包括的文本呈现粗体 bold 文本效果 但不具备 strong 标签的扩展意义 HTML 标签 base 标签为 html 页面上的所有链接 href 规定默认的 url 和默认打开位置 target HTML 技术 第 9 页 HTML 标签 basefont 标签定义 html 的基准字体样式 该标签可以定义 html 文档默认字体的颜 色 大小和字体 family HTML 标签 big 标签可以很容易地放大字体 浏览器显示包含在 big 标签和其相应的 big 标签 之间的文字时 其字体比周围的文字要大一号 HTML 标签 blockquote 标签定义块引用 定义的所有文本都会从常规文本中分离出来 经常会在 左 右两边进行缩进 增加外边距 而且有时会使用斜体 HTML 标签 body 元素定义 html 文档的主体 包含文档的所有内容 比如文本 超链接 图像 表格和列表等等 HTML 标签 br 标签用来在 html 中插入一个换行符 是一个没有结束标签的空标签 在 xhtml 中的正确写法 HTML 标签 button 标签定义一个按钮 在 button 元素内部 您可以放置内容 比如文本或图像 这是该元素与使用 input 标签创建的按钮之间的不同之处 HTML 标签 caption 标签用来定义表格的标题 必须紧随 table 标签之后 通常这个标题会居中 位于表格之上 HTML 标签 center 对其所包括的文本进行水平居中 在 XHTML 1 0 Strict DTD 中 center 元素 不被支持 建议使用 CSS 样式来居中文本 HTML 技术 第 10 页 六 HTML 各种排版样式 一 HTML 的文本的排版 最大的标题 一号标题 预先格式化文本 英文全称 PREformatted 下划线 英文全称 Underline 黑体字 英文全称 Bold 斜体字 英文全称 Italics 打字机风格的字体 引用 通常是斜体 强调文本 通常是斜体加黑体 英文全称 EMphasize 加重文本 通常是斜体加黑体 设置字体大小从 1 到 7 颜色使用名字或 RGB 中文 全称 红绿蓝 的十六进制值 字体加大 字体缩小 加删除线 程式码 变量 英文全称 VARiable 向右缩排 向右缩进 块引用 述语定义 英文全称 DeFiNe 地址标记 上标字 英文全称 SUPerscript HTML 技术 第 11 页 下标字 英文全称 SUBscript 固定宽度小字体 字体 颜色 字体 大小等于 1 最小 字体 样式等于无限增大 100 像素 二 段落的排版 创建一个段落 英文全称 Paragraphs 将段落按左 中 右对齐 定义新行 从两边缩进文本 定义列表 英文全称 DefinitionList 放在每个定义术语词前 定义术语 英文全称 DefinitionTerm 创建一个标有序的列表 默认前面有数字 从数字 1 开始计数 依次叠加 也可以设置为字母或从任何自然数开始计数的列表项 有序列表 外语全称 OrderedList 创建一个无序的列表 默认前面标有圆点 也可以自己设置为 none 或者其他 形状 如空心圆 方块等 无序列表 外语全称 UnorderedLists 放在每个列表项之前 若在 之间则每个列表项加上一个数字 若在 之间则每个列表项加上一个圆点 用来排版大块 HTML 段落 也用于格式化表 水平线 设定宽度 外语全称 horizontalrule 水平居中 HTML 技术 第 12 页 七 HTML 网页的超链接 超链接在本质上属于一个网页的一部分 它是一种允许同其他网站或者站点之间进 行链接的元素 互联网上的各个网页链接在一起后 才能真正构成一个网站 超链接可 以是一个字 一个词 或者一组词 也可以是一幅图像 您可以点击这些内容来跳转到 新的文档或者当前文档中的某个部分 当您把鼠标指针移动到网页中的某个链接上时 箭头会变为一只小手 我们通过使用 标签在 HTML 中创建链接 有两种使用 标签的方式 通过使用 href 属性 创建指向另一个文档的链接 通过使用 name 属性 创建文档内的书签 HTML 的链接 HTML 链接 target 属性 使用 Target 属性 你可以定义被链接的文档在何处显示 Visit W3School 八 HTML 表格 一 表格的定义 表格由 标签来定义 每个表格均有若干行 由 标签定义 每行被分 割为若干单元格 由 标签定义 字母 td 指表格数据 table data 即数据单 元格的内容 数据单元格可以包含文本 图片 列表 段落 表单 水平线 表格等等 HTML 技术 第 13 页 二 表格和边框属性 如果不定义边框属性 表格将不显示边框 有时这很有用 但是大多数时候 我们希 望显示边框 使用边框属性来显示一个带有边框的表格 三 表格的表头 四 表格中的空单元格 在大多数浏览器中 没有内容的表格单元显示得不太好 HTML 技术 第 14 页 九 HTML 框架 通过使用框架 你可以在同一个浏览器窗口中显示不止一个页面 垂直框架 一 框架结构标签 框架结构标签 定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows columns 的值规定了每行或每列占据屏幕的面积 框架标签 Frame