《php+jword课程课件》由会员分享，可在线阅读，更多相关《php+jword课程课件（14页珍藏版）》请在金锄头文库上搜索。
1、Html的发展历史这节将简单介绍 HTML。 全称：HyperText Mark-up Language 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合 文件 达到预期的效果。 1、HTML作 为定义万维网的基本规则之一，最初由蒂姆本尼斯李（Tim Berners- Lee）于1989年在CERN（Conseil Europeen pour la Recherche Nucleaire）研制出 来。HTML的设计者是这样考虑的：HTML格式将允许科学家们透明地共享网络上的信息 ，即使这些科学家使用的计算机差别很大。2、1995年11月，在I
2、ETF（Internet engineering task force）主持下，在瑞士日内 瓦举行的第一次WWW会议上成立了一个HTML工作小组。它的主要任务是把HTML形式化 成为一种 SGML DTD，称之为HTML Level 2（HTML 2.0，由本尼斯李最初设计的HTML 被定html 1.0）。3、从此，html最作为万维网的基石，一发不可收拾。在网站开发，软件开发兴旺的 今天，隐藏在b/s架构中的，一个简单而不简单，重视而不重视的的核心，就是html ， 无论何种web开发语言，html都是最为重要的一个基础。Html1.0 html2.0 html4.0(广泛应用) xhtm
3、l html5(最新版本)html与xhtml什么是XHTML?更先进难懂的技术？ 简单点说：X是吓唬人的，其实XHTML就是严谨而准确的HTML。如故说HTML是汉语，那么XHTML 就是标准普通话。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。复杂点说：XHTML是HTML的”升级“产品。事实上它也属于HTML家族，对比以前各个版本的 HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的 HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来 发展的潮流。X代表“可以扩展的”。Html的基本结
4、构html包括两部分：页面头标签中部分。网页体中部分。 主要用来指定网页的编码（用何种语言）、网页标题、文档类型 、包括要引用的样式表、js文件等。是网页的内容区，网页的内容都在此区域中编辑完成。可以说是 开发网页的主战场。html标记(tag)的特点： 1、成对出现。 2、可以相互包含。 3、理论上，无限嵌套的。Html的基本结构2标签的属性：设置背景颜色。 红色背景设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。设置正在被击中的链接的颜色。以上各个属性可以结合使用，如。引号内的rrggbb是用 六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff00
5、00对应的是红色。此外 ，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive 、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如 表示标志对中的文本使用蓝色显示在浏览器的框内。 是Html文档的主体部分，在此标志对之间可包含、 、等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两 个标志必须一块使用。Code：ex 01first.htmHtml 格式段落标签换行 有序列表，列表前附有序号数据，如 1,2,3,a,bc, 无序列表，列表前
6、有圆、方框。div布局中， 主要使它。div这个标签，是最新网页布局思想，用来替换表格布局。示例：有序列表：中国城市 北京 上海 广州 无序列表：美国城市 华盛顿 芝加哥 纽约 Code：ex01second.htmHtml 文本1. 对文本进行预处理操作 2. 标题标签,h1为最大，h6为最小 3. 加粗、斜体、下划线标签 4. 同上，tt为打印风格字体，cite为引用方式，em强调风格，strong加重。这几个很 少用。 5. 字体标签，可以指定所用字体、大小、颜色。 示例： 最大的标题 使用h3的标题 最大的标题 黑体字文本 斜体字文本 下加一划线文本 打字机风格的文本 引用方式的文本
7、强调的文本 加重的文本 size取值“+1”、color取值 “red”时的文本Code:ex 01/three.htm ex_02/song.htmlHtml 图像1.imgimg标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属 性赋值，从而显示了html中。src路径可以是相对路径，绝对路径。src属性在标志中是必须赋值的，是标志中不可缺少的一部分。 除此之外，标志还有alt、align、border、width和height属性。align是图像 的对齐方式border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像 素。width和Height属性是图像的
8、宽和高，默认单位也是象素。alt属性是当鼠标移 动到图像上时显示的文本举例：定义一个图象，大小采用图片的原始大小。定义一个大小为 500x200的图像让图像左对齐图像的边 框为1。浏览器识别的图片一般为JPG，GIF，PNG，分辨率：72万像索2.标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、 width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默 认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade 属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线( 不加入此属性
9、水平线将有阴影)。Code:ex 02/image.htmHtml 链结链结，实现了多个页面之间的相互流转。定义格式如下： 中间是文字或者图片href表示页面的地址：分为相对路径和绝对路径href=“index.htm” 表示相对路径 href=http:/ 表示绝对路径 href=“abc.jpg” 表示链接是一幅图片。taget常用有四个： _blank 弹出新页面 _parent 替换父级页面 _self 当前是页面。(默认) _top 替换整个框架。举 例： 你好 图像Code:ex 02/link.htmHtml 表格在网页的设计中，表格是最常用的布局方式之一。表格的定义：单元格内容
10、表格的常用属性： align=“left” 对齐方式,align=“left” width=“778“ 宽度 height=“100“ 高度 border=“1” 边框 bgcolor=“#F0F0F0“ 背景色 background=“images/bj.gif“ 背景图片 cellpadding=“2“ 表格的填充距，指表格内容和表格之间的距离 cellspacing=“3“ 表格的间距，指表格单元格与单元格之间的距离 title=“鼠标经过时，显示的文字” Code:ex 02/table.htmHtml 表格的应用：布局Html 表格的应用：布局Html 表格的应用：布局Html 表格的应用：信息列表Code:ex 02/table_list.htm Code:ex 02/table_in.htm作业：制作边框为一像索的表格？ 步聚：1、将表格的table标签border=0 cellspacing=1 bgcolor=边框色 2、将各单元格的背景色设为白色或相应色即可。筛子的思想。code:ex02/table01.htmHtml 综合运作我的个人主页： 1、要求建立：首页、介绍、相册、简历、留言五个页面。 2、要求有头、尾、导航，各页面风格统一。教学生制作。
