HTML第一天分析.ppt

什么是HTML？ 超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 什么是XHTML？ XHTML是（The Extensible Hyper Text Markup Language，可扩展超文本标识语言）的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。 什么是XML? XML（eXtensible Markup Language）即可扩展标记语言，它与HTML一样，都是处于SGML，标准通用语言。Xml是Internet环境中跨平台的，依赖于内容的技术，是当前处理结构化文档信息的有力工具。扩展标记语言XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。 什么是XForms？ XForms 是下一代的 HTML 表单 XForms 与 HTML 表单相比更完善，更灵活 XForms 将在 XHTML 2.0 中成为表单标准 XForms 独立于平台和设备 XForms 可从表现分离数据和逻辑 XForms 使用 XML 来定义表单数据 XForms 可存储和传输 XML 文档中的数据 XForms 含有诸如计算以及表单验证等特性 XForms 可减少或根除对脚本的需求 XForms 是 W3C 标准 什么是DHTML？ DHTML，属于计算机领域，是一种网页设计技术，含义是动态网页。 DHTML建立在原有技术的基础上，可分为三个方面： 一是HTML，也就是页面中的各种页面元素对象，它们是被动态操纵的内容； 二是CSS，CSS属性也是动态操纵的内容，从而获得动态的格式效果； 三是客户端脚本(例如JavaScript)，它实际操纵Web页上的HTML和CSS。 DHTML的三种组成部分各自的定位可以用一句话来说明：HTML定义结构，CSS定义样式，脚本（主要是JS）定义行为，三者相互结合构建出来的页面更加灵活和优美。 层叠样式表(css) CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 列表标记-- img 有了图像文件之后，就可以使用img标记将图像插入到网页中，从而达到美化页面的效果。 语法： img src=图像文件的地址 说明：在该语法中，src参数用来设置图像文件所在的路径，这一路径可以是相对路径也可以是绝对路径。 实例代码 实例代码： html head title插入图像文件/title /head body h3动漫世界，精彩无限！/h3 动漫名称；魔卡少女樱br nbsp;nbsp;打开封印之书的木之本樱，因身负回收库洛牌的任务而变身成拥有魔法的魔卡少女，就此展开了一系列的冒险。动画的基本架构与漫画大致相同，在细节部分做了一些改动，并出现了原作中没有的卡片和角色，卡片收集的顺序上也有所变化，剧情节奏较漫画延缓不少。br !--在页面中居中插入一张卡通图片-- center img src=pic.jpg /center /body /html 练习时间 下午继续 Height属性 height：图像高度 通过height属性可以设置图片显示的高度，默认情况下，改变高度的同时，其宽度也会等比例进行调整。 语法： img src=图像文件的地址 height=图像的高度 说明：在该语法中，图像的高度单位是像素。 实例代码 实例代码： html head title设置页面图像大小/title /head body h3电视剧：仙剑奇侠传/h3 nbsp;nbsp;nbsp;根据RPG游戏改编，故事讲述的是平凡少年逍遥与婶婶相依为命，经营着一家小客栈。有一天，婶婶突然生了重病，焦急的逍遥前往仙灵岛寻找解药。仗着从剑仙学得的几招剑法，逍遥踏上了一段危险重重的旅程，开始了一段波澜壮阔的冒险与奇遇……br !--在页面中居中插入两张图片-- center !--默认的图片大小-- img src=pic.jpg !--设置图片的高度为160像素-- img src=pic.jpg height=160 /center /body /h