HTML： 超 文本 标记 语言
标签对：<html>开始 </html>结束
单标签：<meta /> /:结束 <img />
<!doctype html>
<html>
<head>
<meta charset="UTF-8" /> 翻译
<title>标题-title</title>
</head>
<body>内容-asdasd</body>
<div onclick style=
</html>
CSS：层叠样式表 width:200px;
height:200px;
border：8px soild red;
background :url(网址);
font-size:30px; 字体大小
JavaScipt:脚本语言 （行为） onclick="this.style.width='800px';this.style.height='800px';"
transition:1s; 过渡时间为一秒
<div style="width:200px; height:200px;border：8px solid red (边框 实心 红色)"> </div>
行间样式表 ：不常用
内部样式表 ：
#+文件名 <div id="div1">aaa</div> 起名
外部样式表 ：
<link rel="stylesheet" href="123.css" /> 连接样式表
颜色操作： 1. 颜色单词 2. 16进制 ：#+ 3. rgb模式： 找画图工具、
CSS 注释： /*-----------*/
background-image:url(img/1.jpg); 默认平铺
background-repeat:no-repeat;不重复
background-repeat:repeat-x;x轴平铺
background-position:100px 30px; 定位位置（left right center top bottom % 默认居中）
作业题
1.什么是HTML,XHTML,HTML5？
HTML是超文本标记语言
XHTML是可扩展超文本标记语言
HTML5是HTML第五次重大修改
2.写出HTML的语法？
基本语法：<html></html>表示网页文件的开始与结束；<head></head>表示网页文件的头部信息；<title></title>网页文件的标题；<body></body>表示网页文件主体部分
常用语法：1.单标记<br/>换行
2.<标记名称属性="属性值"><hr width="80%">
3.双标记：<标记名称>...</标记名称>无属性值
如：<title>...</title>
4.<标记名称属性="属性值">...</标记名称>有属性
如<body bgcolor="red">...</body>等等
3.html中的注释和CSS中的注释
html:<-!注释--> CSS: /*注释内容*/
4.CSS中的引入方式有哪些？说出他们的区别和语法
在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。
1.行内式
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。
2.内嵌式
嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下：...此处写CSS样式缺点是对于一个包含很多网页的网站，在每个网页中使用嵌入式，进行修改样式时非常麻烦。单一网页可以考虑使用嵌入式。
3.导入式
将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，标记也是写在标记中，使用的语法如下：@import"mystyle.css"; 此处要注意.css文件的路径导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。
4.链接式
也是将一个.css文件引入到HTML文件中，但它与导入式不同的是链接式使用HTML规则引入外部CSS文件，它在网页的标签对中使用标记来引入外部样式表文件，使用语法如下：使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。总结：一般来说，做网站时把样式多写在多个样式表文件中，因此我们先用链接式引入一个总的CSS文件，然后在这个CSS文件中在使用导入式来引入其他的CSS文件。但如果通过JavaScrip来动态引入CSS文件则只能使用链接式。
5.背景图片有哪些子属性？
background-image设置背景图片
background-color设置背景颜色
background-image:url(img/1.jpg); 默认平铺 background-repeat:no-repeat;不重复
background-repeat:repeat-x;x轴平铺
background-position:100px 30px; 定位位置（left right center top bottom % 默认居中）
6.Border有哪些子属性 其中border-st yle的属性值有哪些？
border-width border-style border-color
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。
只有当这个值不是 none 时边框才可能出现。
7.什么是CSS ?
CSS叫做层叠样式表，是用来设计网页样式的。
8.你知道的CSS属性有哪些？
颜色：color 背景：background- color image repeat position attachment size clip origin
字体：font-family weight size style variant stretch
9.什么是W3C标准？
不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
结构标准语言
（1）XML XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。和HTML一样，XML同样来源于SGML，6XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。 （2）XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。
表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。
行为标准
（1）DOM DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。 (2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）
10.常见的浏览器都有哪几种，五大浏览器内核分别是什么？
IE浏览器（Internet explorer）：基于Trident内核
Safari浏览器：Webkit内核
Firefox浏览器：x基于Gecko内核
Opera浏览器：基于Presto内核
Chrome浏览器：基于WebKit和Mozilla内核开发
网友评论