15-16日作业

作者: IT颖儿 | 来源:发表于2017-01-18 15:51 被阅读0次

15-16日作业
15-16日作业
15-16日作业
15-16日作业
5月15-16日作业
工作日志
15-16 问答作业
还是家乡菜好吃
【本体动态】本体与OKEx联合举办的越南开放共赢峰会在胡志明市
2018-12-11 星期二

问题1：HTML即超文本标记语言，是 WWW 的描述语言；
XHTML即可拓展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格；
HTML5即万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改
问题2、3：

HTML basic document

<html>
<style>
#div1{
width:500px;
height:300px;
background-color:#033;/*css注释：背景颜色*/
background-image:url('2345下载/1477826909394.jpg')/*默认状态下，图片会平铺于整个画面*/
background-repeat:no-repeat;
/*no-repeat不平铺
  repeat-x平铺于x轴
  reoeat-y平铺于y轴*/
}
background-attachment:fixed;
background-position:50px center;
</style>
<head> 
<meta charest = "utf-8"/>
<title>标题</title>
</head>
<body>
<!--html注释-->
content
<div id="div1">型号</div>
</body>
</html>

问题4：一般来说只有3种：

1.引入样式表，在样式表中编写样式
       <link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html头部用<style></style>包起来
 <style type="text/css">
            *{
                padding: 0;margin: 0
            }
        </style>
3. 在标签里面直接编写行内样式
<div  style="color: #033"><div>

问题5：

body{
    background-image
    backgound-color
    background-repeat
    background-position
    background-attachment
     }

问题6：

border-width:10px;
border-style:dotted;
/*属性值有solid(实线),dotted(点状),double(双线),dashed(虚线)*/
border-color:red;

问题7、8：
css即层叠样式表
字体属性：font-family ; font-style ; font-variant ; font-weight ; font-size
颜色和背景属性：color ; background-color ; background-image background-repeat ; background-position ; background-attachment
边距属性:margin-top ; margin-right ; margin-bottom ; margin-left
问题9：
网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括 XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA的ECMAScript标准。
问题10：
IE浏览器、谷歌浏览器、火狐浏览器、遨游浏览器、欧朋浏览器；
IE、遨游：Trident内核；
谷歌（Google）、欧朋：WebKit内核；
火狐：Gecko内核。

text1_03.png

text1_06.png

text1_08.png

text1_10.png

text1_12.png

text1_14.png

编程题

<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8" />
<title>text1</title>
</head>
<style>
div{
    width:134px;
    height:152px;
    background:#f9f9f9;
    border-bottom: 2px solid #f0f0f0;  
   }
#epp{ height：79px;
      font-size:18px;
      padding-top:20px;
      text-align:center;
      background: #f9f9f9;}
#app1{background: #f9f9f9 url(text1_03.png) no-repeat 27px 41px;}   
#app2{background: #f9f9f9 url(text1_06.png) no-repeat 27px 27px;}
#app3{background: #f9f9f9 url(text1_08.png) no-repeat 27px 20px;} 
#app4{background: #f9f9f9 url(text1_10.png) no-repeat 27px 20px;} 
#app5{background: #f9f9f9 url(text1_12.png) no-repeat 27px 25px;} 
#app6{background: #f9f9f9 url(text1_14.png) no-repeat 27px 23px;} 

</style>
<body>
<div id = "epp">更多产品
<div id = "app1"></div>
<div id = "app2"></div>
<div id = "app3"></div>
<div id = "app4"></div>
<div id = "app5"></div>
<div id = "app6"></div>
</div>
</body>
</html>