传智播客韩顺平轻松搞定网页设计

《传智播客韩顺平轻松搞定网页设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、北京传智播客教育www.itcast.cn轻松搞定网页设计之html讲师：韩顺平email:hanshunping@tsinghua.comqq:2317702760内容介绍:1.html介绍2.优秀网页欣赏3.html项目演示4.html运行基本原理(Hello,顺平)√5.html的基础知识√①了解html的基本概念②理解html的运行基本原理③掌握html的一些基本用法④能写出简单的网页学习目标■html是什么HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。H

2、TML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。html介绍--html是什么■html可以做什么①HTML可以编写静态网页.②该静态网页可以包括文字、图形、动画、声音、表格、链接。从而构成一个个漂亮的网页。给大家看几个漂亮的网页吧!html介绍--html可以做什么■html发展历史html介绍--html的发展历史1993标记语言第一版1995html2.01996html3.2w3c推荐标准1

3、999html4.0.1w3c推荐标准2000xhtml1.0w3c推荐标准2001xhtml1.1w3c推荐标准2008html5蒂姆·伯纳斯一李万维网之父html设计者w3c创始人■w3c的介绍W3C是英文WorldWideWebConsortium的缩写，中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者TimBerners-Lee。W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务的厂商、内

4、容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。html介绍--w3c介绍蒂姆·伯纳斯一李■html和xhtml区别html->xhtml->xmlhtml语言本身有一些缺陷(比如内容和形式不能分离,标记单一,数据不能复用等),随着xml的兴起，xml越来越受到国际认可，所以人们希望xml来弥补html的不足,但是目前有成千上万的网页都是html编写的，所以完全使用xml来替代html还为时过早,于是w3c在2000推出xhtml1.0，建立XHTML的目的就是实现HTML向XML的过渡。html介绍htmlxhtml区

5、别■html项目演示高级邮箱html项目演示■html项目演示麦当劳导航html项目演示■html项目演示(可爱屋)html项目演示■html项目演示(旅游岛)html项目演示■html项目演示(仿sohu首页面)html项目演示■html运行原理①本地运行html运行的基本原理■html运行原理②远程访问运行html运行的基本原理你的电脑浏览器远程服务器hello.html你可能产生的疑问?①ie是怎样访问到hello.html?(url)②万维网是个什么东东?☞可以使用apache来测试一下这个运行的效果!■万维网(www)简略图:html运行的基本原理wwwsohu子

6、网■万维网(www)-综合图html运行的基本原理■html的开发工具①记事本②editplusvim③frontpage④dw⑤zendstudio⑥其它的idehtml的开发工具■html的基本结构从下面test.html我们可以看出html的基本结构这是我的第一个网页你好！<元素名[属性]>元素内容html的基本结构■html的标记/元素①HTML标记是用来组成HTML元素的②HTML标记用两个尖括号”<>”括起来③H

7、TML标记一般是双标记，如和前一个标记是起始标记,后一个标记为结束标记④两个标记之间的文本是html元素的内容⑤某些标记称为“单标记”,因为它只需单独使用就能完整地表达意思,如
⑥html标记和html元素可以看做是同一个概念，在我的课程中为统一说法，就叫html元素。html常用的元素参考html语言教程(html版)html的标记/元素介绍■html的元素的属性每个元素都有多个属性,每个属性有不同的属性值来修饰，从而达到不同的显示效果.举例:html元素的属性

段落标记