JAVAEE编程技术

JAVA EE编程技术（一） 论文题 目： 认识HTML设 计 者： 专业班级：学 号：2016年 05月 26 日 HTML HTML 一般翻译为超文本标记语言或超文本标签语言，它是用于描述网页文档的一种标记语言，是标准通用标记语言下的一个应用，也是一种规范，一种标准，它是通过标记符号来标记要显示的网页中的各个部分。 网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释和支持性。 HTML从诞生到今天，从1.0发展到5.0，经历了巨大的变化，从单一的文本显示功能到图文并茂的多媒体显示功能，许多特性经过多年的完善，已经成为一种基本完善的语言。第1页6目录 一 发展历史.3 二 要求.4 三 结构.5 1. 基本结构.5 2. 组成.5 四 语言特点.5 五 元素标签.6 1 内容描述.6 2 格式标志标签.7 3 网页表格标签.8 4 链接标志标志.9 六 设计个人简历网页.10 1 HTML代码.10 2 网页浏览.13 七 总结.14第2页一HTML的发展历史HTML1.0在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：HTML 2.01995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时HTML 3.21997年1月14日，W3C推荐标准HTML 4.01997年12月18日，W3C推荐标准HTML 4.01（微小改进）1999年12月24日，W3C推荐标准HTML 52014年10月28日，W3C推荐标准4 （详见本处参考资料）ISO/IEC 15445:2000（“ISO HTML”）2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。Wijmo是基于HTML5、jQuery、CSS3和SVG的一个控件包，能够满足构建当今Web系统的需求。基于Wijmo，您的系统运行将更加快速和流畅，外观也会更加引人入胜。Wijmo中所有新的控件都是在符合最新的UI设计潮流的基础上，对新的以及改良后的主题进行封装。优美的、专业的控件外观会让您的应用程序引人注目。比如 ComponentOne Studio for ASP .NET Wijmo 控件包内置的6个主题，同时可以使用jQuery UI项目提供的 30 多个主题，甚至可以使用 ThemeRoller 创建属于您自己的系统主题。HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆伯纳斯-李的版本应该算初版，这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。第一个正式规范为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。HTML+的发展继续下去，但是它从未成为标准。HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。HTML 4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时，建议不再使用它们。HTML的未来和CSS结合会更好。第3页HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。XHTML1.0发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。XHTML 1.1，于2001年5月31日发布，W3C推荐标准。XHTML 2.0，W3C工作草案。XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案。HTML4.01 是常见的版本。二要求1文本标记语言源程序的文件扩展名默认使用htm（磁盘操作系统DOS限制的外语缩写为扩展名）或html（外语缩写为扩展名），以便于操作系统或程序辨认，除自定义的汉字扩展名。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。2超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号（实体符）“ （注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。3标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“ （注意此字母必须小写，方可空格）”；许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。4标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。5 HTML注释由“结束结束，例如。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。第4页三 结构1. HTML的基本结构： 网页标题网页内容2. HTML的组成:HTML文档主要由3部分组成: 一 HTML部分：HTML部分以标签开始，以标签结束。 标签告诉浏览器这两个标签中间的内容是HTML文档。 二 头部：头部以标签开始，以标签结束。这部分包含显示在网页标题栏中的标题和其他在网页中不显示的信息。标题包含在和标签之间。 三 主体部分：主体部分包含在网页中显示的文本、图像和链接。主体部分以标签开始，以标签结束。 四 语言特点超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一。其主要特点如下：1 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。2 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。第5页3 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。4 通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 五 元素标签.1 内容描述 最大的标题（一号标题） 预先格式化文本 （英文全称：PREformatted） 下划线（英文全称：Underline） 黑体字 （英文全称：Bold） 斜体字 （英文全称：Italics）打字机风格的字体引用，通常是斜体 强调文本（通常是斜体加黑体、英文全称：EMphasize） 加重文本（通常是斜体加黑体） 设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值基准字体标记 字体加大 字体缩小 加删除线程式码键盘字（英文全称：KeyBoarD） 范例（英文全称：SAMPle） 变量（英文全称：VARiable） 向右缩排（向右缩进、块引用） 述语定义（英文全称：DeFiNe）地址标记 上标字 （英文全称：SUPerscript） 下标字（英文全称：SUBscript）.；固定宽度字体（在文件中空白、换行、定位功能有效）.；固定宽度字体（不执行标记符号）. 固定宽度小字体.；字体 颜色.；字体 大小等于1（最小）。第6页.；字体 样式等于无限增大（100像素）2 格式标志标签 创建一个段落 （英文全称：Paragraphs） 将段落按左、中、右对齐定义新行 从两边缩进文本 定义列表（英文全称：DefinitionList） 放在每个定义术语词前（定义术语、英文全称：DefinitionTerm） 放在每个定义之前（定义说明、英文全称：DefinitionDescription） 创建一个标有序的列表，默认前面有数字，从数字“1”开始计数，依次叠加，也可以设置为字母或从任何自然数开始计数的列表项 （有序列表、外语全称：OrderedList） 创建一个无序的列表，默认前面标有圆点，也可以自己设置为none或者其他形状，如空心圆、方块等。（无序列表、外语全称：UnorderedLists） 放在每个列表项之前，若在；之间则每个列表项加上一个数字，若在；之间则每个列表项加上一个圆点 用来排版大块HTML段落，也用于格式化表 选项清单 目录清单 强行不换行（英文全称：nobreaking）；水平线（设定宽度、外语全称：horizontalrule） 水平居中第7页3 网页表格标签由于表格可以精确控制文本和图像在网页中的显示位置，所以在很多网站的主页中一般都使用表格来进行布局。表格的结构如下1 2 34 56 7.8 910 111213.141516 1718 1920 2122 2324 2526 2728 29.30 31定义整个表格，即表格的内容要放在和标记中；在中的主要属性：border属性显示表格的边框，width, height属性定义表第8页格的大小。标记符用来定义表格的标题。表格的表示以行为单位，在行中包含列。其中：一个.标记表示一行；一个.标记表示一列；. 定义表头，一般可以不用。4 链接标志表格标签1：创建超文本链接。1：创建位于文档内部的书签。1：创建指向位于文档内部书签的链接。使用 每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。BGCOLOR（外语全称：BackgroundColor）用于定义网页的背景色BACKGROUND用于定义网页背景图案的图像文件TEXT用于定义正文字符的颜色，默认为黑色LINK用于定义网页中超级链接字符的颜色，默认为蓝色VLINK（外语全称：VisitedLINK）用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色ALINK（中文全称：活动链接）用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色第9页例如：标记将定义页面的背景色为黑色，正文字体显示为白色。以上属性使用中，需要对颜色进行说明，在HTML中对颜色可使用3种方法说明颜色属性值，即直接颜色名称、16进制颜色代码、10进制RGB码。直接颜色名称，可以在代码中直接写出颜色的英文名称。如我们，在浏览器上显示时就为红色。16进制颜色代码，语法格式： #RRGGBB 。16进制颜色代码之前必须有一个“#”号，这种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。不同的取值代表不同的颜色，他们的取值范围是00-FF。如我们，在浏览器上显示同样为红色。10进制RGB码，语法格式： RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别是红色、绿色、蓝色，他们的取值范围是0-255。以上两种表达方式可以相互转换，标准是16进制与10进制的相互转换。如我们，在浏览器上显示字体为红色。使用图案代替背景颜色，可以使页面更生动、美观。如今用一张大图当做网页的背景已经成为一种流行趋势，高质量的精美照片和抽象的设计图片能够给网站的外观带去深刻的影响。可将图像文件“图像.gif”所表示的一幅图像作为页面的背景，若图像幅面不够大，将会将图像重复平铺在窗口中。六 设计个人简历网页 HTML代码 个人简历个人简历 粘贴相片姓名：第10页 年龄： 性别： Male Female 学历 中学阶段 起止时间 学校名字 大学阶段 起止时间 学校名字 院系第11页 职历 起止时间 单位名称 职位 第12页在浏览