编辑代码的语言：①HTML ②CSS ③JAVACXRIPT
⒈HTML：超文本标记语言
分别说出什么是HTML、XHTML、HTML5
HTML：
超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言.HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件.从本质上来说,Internet（ 互联网）是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种.这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息.
XHTML
可扩展超文本标记语言.HTML是一种基本的WEB网页设计语言,XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML）,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性.
HTML5
标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织.WHATWG 致力于 Web 表单和应用程序,而W3C（World Wide Web Consortium,万维网联盟） 专注于XHTML2.0.在 2006 年,双方决定进行合作,来创建一个新版本的 HTML.
他们有自己各自的元素和结构.
⑴标签：<html> →标签对（<html></html>）&单标签（<img />）
注释方式：<！--xxxxxxx-->
⒉CSS：层叠样式表（对语言进行修饰）
⑴划分区域（<div> </div>）
注释/*xxxxxxxxx*/
⒊Javascript：脚本语言（产生动态行为）
注释/*xxxxxxxxx*/
作用：使其数据发生改变，产生动态效果
例如：onclick="this":style.width=55px
使其区域发生改变
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>我的文档</title>
</head>
<body>
<div style="width:200px;
height:200px;
border:10px soild red;
background-image:url(img/6.jpg);
</div>
自拍
</body>
</html>
（一般网页框架）
④三种样式表（CSS的三种引用方式）
⑴行间样式表（不常用）
⑵内部样式表
形式：在</head>前加上
<style>
div1;
div2;
</style>
在后面直接使用样式名称即可，比较方便
⑶外部样式表：（最常用）
形式：在外部建立CSS样式文件，通过内部调用即可使用，方便快捷
④复合样式：
在background：后面直接加需要的样式
顺序不作要求（坐标必须放在一起）
⑤边框：
<style>
#div1
｛
width:
height:
border:10px dotted/soild/dashed color
/*边框属性*/
border-style：dotted/soild/dashed
/*边框样式属性*/
背景图片属性：
1.背景颜色
语法：background-color：加数值
2.背景图片
语法：background-image：url()
后加图片存放路径，若后加none，则后无图片显示
3.背景定位
语法：background-position：x y
x数值表示左右值，可为px，也可为百分数
y表示上下值
同样也可以为：
x ：left center right
y ：top center bottom
4.背景重复
background-repeat：no-repeat;
/*不重复*/
repeat-y 垂直平铺
repeat-x 水平平铺
border属性：
dotted：
边框是一系列的点。
dashed：
边框是一系列的短线条的段。
solid：
边框是一条单一的线。
double：
边框有两条实线。两条线宽和其中的空白的宽度之和等于border-width的值。
groove：
边框看上去好象是雕刻在画布之内。
ridge：
和grove相反：边框看上去好象是从画布中凸出来。
inset：
该边框使整个框看上去好象是嵌在画布中。
outset：
和inset相反：该边框使整个框看上去好象是从画布中凸出来
w3c标准：
中文名：万维网联盟外文名：World Wide Web Consortium万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的超文本标记语言（标准通用标记语言下的一个应用）、可扩展标记语言（标准通用标记语言下的一个子集）以及帮助残障人士有效获得Web内容的信息无障碍指南（WCAG）等，有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准IE浏览器（Internet explorer）
常用浏览器：
ie浏览器
IE浏览器是世界上使用最广泛的浏览器，它由微软公公司开发，预装在windows操作系统中。所以我们装完windows系统之后就会有IE浏览器。目前最新的IE浏览器的版本是IE 11.
Safari浏览器
Safari浏览器由苹果公司开发，它也是使用的比较广泛的浏览器之一。Safari预装在苹果操作系统当中，从2003年首发测试以来到现在已经11个年头。是苹果系统的专属浏览器，当然现在其他的操作系统也能装Safari。
Firefox浏览器
火狐浏览器是一个开源的浏览器，由Mozilla资金会和开源开发者一起开发。由于是开源的，所以它集成了很多小插件，开源拓展很多功能。发布于2002年，它也是世界上使用率前五的浏览器。
Opera浏览器
opera浏览器是由挪威一家软件公司开发，该浏览器创始于1995.目前其最新版本是opera 20.他有着快速小巧的特点，还有绿色版的，属于轻灵的浏览器。
Chrome浏览器
Chrome浏览器由谷歌公司开发，测试版本在2008年发布。虽说是比较年轻的浏览器，但是却以良好的稳定性，快速，安全性获得使用者的亲睐。
五大浏览器内核：
1、Trident 内核（Windows）
Trident IE 所使用的内核，也是很多浏览器所使用的内核，通常被称为IE内核。基于Trident内核的浏览器非常多，常见浏览器有IE啦！IE现在做得不行啦！当然还有大部分国产浏览器也是这个核，其中部分浏览器的都是“双核”甚至是“多核”，其中一个内核是Trident，然后再增加一个其他内核。国内的厂商一般把其他内核叫做“高速浏览模式”，而Trident则是“兼容浏览模式”，用户可以来回切换。
2、Gecko
Netscape6 启用的内核，现在主要由Mozilla基金会进行维护，是开源的浏览器内核，目前最主流的Gecko内核浏览器是Mozilla Firefox，所以也称之为"火狐内核"。
3、KHTML（Linux）
KDE用Qt开发的内核，速度快捷，容错度低。这个内核只在Linux平台使用的多，Linux都没什么非技术人知道，何况是这个内核，但是，看下面一个----WebKit。常见的KHTML内核的浏览器就是Konqueror了。
4、WebKit（跨平台）
WebKit的原型KHTML是由Qt写成 ，是苹果的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件 。因为是脱胎于KHTML，所以也是具有高速的特点。现在很火的Chrome 和Chromium 浏览器都是使用这个内核，包括现在国产浏览器中所谓的双核浏览器其中高速的那一个核就是WebKit ，最近金山开发中的猎豹浏览器也不例外，不过我感觉猎豹都是基于Chrome的，呵呵。
5、Presto
目前Opera采用的内核，该内核在2003年的Opera7中首次被使用，该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。
网友评论