问答作业
1.分别说出什么是HTML,XHTML,HTML5
HTML:超文本标记语言
XHTML:可扩展超文本标记语言
HTML5:HTML的第五次重大修改版本
2.HTML语法：
<html></html> <head></head> <body></body> <div></div>等
3.HTML中的注释和CSS中的注释：
HTML:
CSS:
4.CSS中的引入方式有哪些？说出他们的区别和语法
CSS引入方式：1.引入外部样式表 2.编写内部样式表3.行间样式
语法：1.<link rel="stylesheet" href="123.css" />
2.<div id="div1"> </div> <style></style>
3.<div style="width=100px;height=100px"></div>
区别：第一种是从外部引用，在工作时有益于分工合作。
第二种是写在内部，更利于修改和观察。
第三种写在行间，有时候修改比较麻烦。
5.背景图片有哪些子属性：1.color 颜色 2.image 链接图片 3.repeat 是否平铺 4.position 定位 5.width,height 宽和高
6.Border有哪些子属性 其中border-style的属性值有哪些
Border子属性：宽度，样式，颜色
border-style属性值：边框各种样式
7.什么是CSS
CSS:层叠样式表
8.你知道的CSS属性有哪些
<div></div> <style></style> <link rel="stylesheet" href="123.css"/>
9.什么是W3C标准
结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
10.常见的浏览器都有哪几种？五大浏览器内核分别是什么
IE，谷歌，火狐，苹果
一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
二、Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。
三、WebKit内核代表作品Safari、Chromewebkit 是一个开源项目，包含了来自KDE项目和苹果公司的一些组件，主要用于Mac OS系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。
四、Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版。
编程作业
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>baidu</title>
<style>
#kuangjia{
width:134px; /* 框架 */
height:1015px;
}
#mingzi{
width:134px; /* 图片的宽 */
height:79px; /* 图片的高 */
background:url(file:///C|/Users/aaa/Desktop/web/chanqing.gif) no-repeat /* 图片背景 */
15px 19px;
}
#ear{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/ear.gif) no-repeat 27px 41px;
}
#picture{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/tu.gif) no-repeat 36px 27px;
}
#question{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/wen.gif) no-repeat
31px 9px;
}
#txt{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/txt.gif) no-repeat
36px 20px;}
#data{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/biao.gif) no-repeat
31px 25px;}
#earth{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/qiu.gif) no-repeat
34px 23px;
}
#kong{
width:134px;
height:10px;
border-top:2px solid #f0f0f0;}
</style>
</head>
<body>
<div id="kuangjia">
<div id="mingzi"> </div>
<div id="ear"> </div>
<div id="picture"> </div>
<div id="question"> </div>
<div id="txt"> </div>
<div id="data"> </div>
<div id="earth"> </div>
<div id="kong"> </div>
</div>
</body> ```
</html>
实现结果
网友评论