html和css培训教程.ppt

团学新闻中心 技术部;HTML是什么;HTML（Hyper Text Markup Language,超文本标识语言） -是一种用来制作超文本文档的简单标签语言。 -用HTML编写的超文本文档称为HTML文档。;HTML是什么;HTML文档的性质;网页文件命名;HTML基本结构;HTML文档基本特征;Let’s say Hello to World!;HTML标签属性;HTML 标签 2-2;META 标签 2-1;META 标签 2-2;HTML 基本元素;标题;段落标签;换行符;Pre 标签;字符格式化标签;列表简介;列表类型：无序列表 ;… BODY H1星期中的每一天/H1 OL LI星期日 LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 LI星期六 /OL /BODY … ;使用水平线;使用字体和属性;插入图像 2-1;插入图像 2-2;插入特殊字符 2-1;插入特殊字符 2-2;创建超级链接;绝对和相对路径名;链接到同一文档的某个部分;链接到同一文档的各个部分;链接到其他文档的特定位置;HTML HEAD TITLE海豚/TITLE /HEAD BODY H3充分交流，密切配合/H3 BR P据说，海豚的交流模式几乎与人类的一样复杂！ BR BR A HREF=mailto:thisperson@请将您的疑问发送至 David Fernandez/A /BODY /HTML;总结 2-1;总结 2-2;表格;HTML HEAD TITLE使用表格/TITLE /HEAD BODY TABLE BORDER = 2 TR TD姓名/TD TD性别/TD TD分数/TD /TR TR TDRobert/TD TDM/TD TD80/TD /TR ....... /TABLE /BODY /HTML;BODY TABLE BORDER = 2 CAPTION align=top学员档案信息/CAPTION TR TH姓名/TH TH性别/TH TH分数/TH /TR TR TDRobert/TD TDM/TD TD80/TD /TR ....... /TABLE /BODY /HTML;BODY TABLE border=2 align=center CAPTION align=top学员档案信息/CAPTION TR TH姓名/TH TH align=center性别/TH TH align=right分数/TH /TR TR TDRobert/TD TD align=centerM/TD TD align=right80/TD /TR ....... /TABLE /BODY /HTML;合并单元格(跨列);合并单元格(跨行);BODY TABLE border=0 align=center width=50% CAPTION align=top学员档案信息/CAPTION TR bgcolor=#00FFFF TH align=left姓名/TH TH align=center性别/TH TH align=right分数/TH /TR TR bgcolor=#FFFF00 TDRobert/TD TD align=centerM/TD TD align=right80/TD /TR TR bgcolor=#FFFF00 TDMary/TD TD align=centerF/TD TD align=right18/TD /TR /TABLE;表单输入元素-7;表单;;表单输入元素-1 ;表单输入元素-2;表单输入元素-3;表单输入元素-4;表单输入元素-5;表单输入元素-6;表单输入元素-7;框架 ;为何使用框架 ;总结 4-1;表单的一般语法 ;总结 4-3;总结 4-4;DHTML 简介;DHTML 的功能;DHTML 示例;HTML部分到此结束 谢谢;css部分 谢谢各位的到来;需要具备的基础知识;CSS 概述;样式解决了一个普遍的问题;样式表极大地提高了工作效率;多重样式将层叠为一个;层叠次序当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？;CSS 语法;下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。 在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。 h1 {color:red; font-size:14px;} 下面的示意图为