传智播客韩顺平轻松搞定网页设计html学习资料.ppt

北京传智播客教育www.itcast.cn内容介绍:
1.html介绍
2.优秀网页欣赏
3.html项目演示
4.html运行基本原理(Hello,顺平)√
5.html的基础知识 √①了解html的基本概念
②理解html的运行基本原理
③掌握html的一些基本用法
④ 能写出简单的网页■html是什么

HTML（HyperTextMark-upLanguage）即超文本
标记语言或超文本链接标示语言，是目前网络上应用
最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令
可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部（Head）、主体（Body）两大部
分，其中头部描述浏览器所需的信息，而主体则包含
所要说明的具体内容。

■html发展历史■w3c的介绍

W3C是英文WorldWideWebConsortium的缩
写，中文意思是W3C理事会或万维网联盟。W3C于
1994年10月在麻省理工学院计算机科学实验室成立
。创建者是万维网的发明者TimBerners-Lee。
W3C组织是对网络标准制定的一个非赢利组织，像
HTML、XHTML、CSS、XML的标准就是由W3C来
定制。W3C会员（大约500名会员）包括生产技术产
品及服务的厂商、内容供应商、团体用户、研究实验
室、标准制定机构和政府部门，一起协同工作，致力
在万维网发展方向上达成共识。

■html和xhtml区别

html->xhtml->xml

html语言本身有一些缺陷(比如内容和形式不能分离,标记单一,数据不
能复用等),随着xml的兴起，xml越来越受到国际认可，所以人们希望xml
来弥补html的不足,但是目前有成千上万的网页都是html编写的，所以完
全使用xml来替代html还为时过早,于是w3c在2000推出xhtml1.0，建立
XHTML的目的就是实现HTML向XML的过渡。■html项目演示

高级邮箱

■html项目演示

麦当劳导航

■html项目演示(可爱屋)

■html项目演示(旅游岛)

■html项目演示(仿sohu首页面)■html运行原理

①本地运行 ■html运行原理

②远程访问运行

■万维网(www)

简略图:

■万维网(www)-综合图■html的开发工具

①记事本
②editplusvim
③frontpage
④dw
⑤zendstudio
⑥其它的ide■html的基本结构

从下面test.html我们可以看出html的基本结构
■html的标记/元素

①HTML标记是用来组成HTML元素的
②HTML标记用两个尖括号”<>”括起来
③HTML标记一般是双标记，如<b>和</b>前一个标记是起始标记,
后一个标记为结束标记
④两个标记之间的文本是html元素的内容
⑤某些标记称为“单标记”,因为它只需单独使用就能完整地表达意思,
如<br>
⑥html标记和html元素可以看做是同一个概念，在我的课程中为统
一说法，就叫html元素。

html常用的元素参考html语言教程(html版)
■html的元素的属性
每个元素都有多个属性,每个属性有不同的属性值来修饰，从而达到
不同的显示效果.举例:■html的元素的属性

关于每个元素，所包含的各个属性以及各个属性对应的属性值，请
各位同学参看：html语言教程(html版)

■HTML符号实体-介绍

在网页上显示一些特殊的符号,我们需要使用html的符号实体,有些
人把它称为字符实体,比如我们看一个小小的案例(html1_1.html)。

为在网页上显示版权符号,我们就需要使用html的符号实体&copy;
才能在网页上正确显示。

■HTML符号实体-一览表 ■html超链接

■html图像元素

■html表格 ■html表格-小练习 ■上机练习题 ■html列表-无序列表 ■html列表-有序列表 ■html列表-框架 ■html框架-(frameset小练习)

■iframe浮动窗口■form(表单)元素介绍■form(表单)元素■form(表单)元素-小练习■input元素■select/option/textareahtml其它一些标记■参考给出的html网页文档，把各个html常用的元素，都过
一遍.