一、问答作业
1、
HTML:超文本标记语言
XHTML:在原有的HTML上进行了小小的扩展 变得更 加严谨
HTML5:第五代HTML
2、
<!ductype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
</body>
</html>
3、
HTML注释:
CSS注释:/* 注释内容 */
4、
行间:麻烦 在body内
<div style="width : 200px; height : 200px;border : 8px solid red;background : red;"></div>
内部:上面写代码 下面写名称和元素
<head>
<meta charset="utf-8">
<title>标题</title>
<style> 内部上面写代码
div1{
width:100px;
}
</style>
</head>
<body>
<div id="div1">内容</div> 内部下面写名称和元素
</body>
外部(实际应用):在head里<link rel="stylesheet" href="此处有链接"/>
5、
background-color 背景颜色
background-position 位置
background-size 尺寸
background-repeat 重复背景图像
background-origin 定位区域
background-clip 绘制区域
background-attachment 固定或者随着页面的其余部分滚动
background-image 背景图像(当既有背景颜色也有背景图片时 背景图片更高级)
6、
border-width 宽度
border-color 颜色
border-style 样式:
dotted 点状边框 在大多数浏览器中呈现为实线
dashed 虚线 在大多数浏览器中呈现为实线
solid 实线
7、
CSS:层叠样式表
8、
CSS属性:高度、宽度、过渡、背景、边框、字体。。。
9、
万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。
对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
10、
谷歌浏览器内核:Blink
IE浏览器内核:Trident
火狐浏览器内核:Gecko
苹果浏览器内核:WebKit
Safari浏览器内核:KHTML
二、编程作业:
<!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>16日作业</title>
<style>
div0{
width:134px;
height:1015px;
}
div1{
width:134px;
height:79px;
background:url(a-1.png)16px 21px no-repeat ;
border-bottom:2px solid #f0f0f0;
}
div2{
width:134px;
height:152px;
background:url(a-2.png) 27px 41px no-repeat;
border-bottom:2px solid #f0f0f0;
}
div3{
width:134px;
height:152px;
background:url(a-3.png) no-repeat 36px 27px;
border-bottom:2px solid #f0f0f0;
}
div4{
width:134px;
height:152px;
background:url(a-4.png) no-repeat 31px 20px;
border-bottom:2px solid #f0f0f0;
}
div5{
width:134px;
height:152px;
background:url(a-5.png) no-repeat 36px 20px;
border-bottom:2px solid #f0f0f0;
}
div6{
width:134px;
height:152px;
background:url(a-6.png) no-repeat 31px 25px ;
border-bottom:2px solid #f0f0f0;
}
div7{
width:134px;
height:152px;
background:url(a-7.png) no-repeat 34px 24px ;
border-bottom:2px solid #f0f0f0;
}
</style>
</head>
<body>
<div id="div0">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
<div id="div7"></div>
</div>
</body>
</html>
链接: https://pan.baidu.com/s/1i4U2RPz 密码: f48f