第一次作业

2017-01-16  本文已影响0人  80d1bb67035f

1.分别说出什么是HTML,XHTML,HTML5

2.写出HTML的语法

<!doctype html>

<html>

<head>

<mata charset="UTF-8"/>

</head>

<body>

</body>

</html>

3.HTML中的注释和CSS中的注释

  <!--HTML注释-->     
   /* CSS注释  */  

4.CSS中的引入方式有哪些?说出他们的区别和语法

#div1 {}

</style>

<div id="div1"></div>

5.背景图片有哪些子属性?

6.Border有哪些子属性 其中border-style的属性值有哪些

  1. 颜色、大小、实线、虚线 2. 实线、虚线、点状

7.什么是CSS ?

8.你知道的CSS属性有哪些?

9.什么是W3C标准?

10.常见的浏览器都有哪几种,五大浏览器内核分别是什么?

  1. 谷歌(Webkit内核)
  2. IE浏览器(Trident内核)
  3. 火狐浏览器(Gecko内核)
  4. 苹果浏览器(Webkit内核)
  5. 欧朋浏览器(Presto内核)
    ![](file:///C:/Users/hanpengda/Desktop/233.html)
<!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>无标题文档</title>
<style> 
#box{
        width:80px;
    height:370px;
    background:#FFF;
    }
#content1 {
    width:80px;
    height:50px;
    background-image:url(img/baidu.jpg);

    }
#content2 {
    width:60px;
    height:60px;
    background-image:url(img/tututu.jpg);
    }
#content3 {
    width:70px;
    height:70px;
        background-image:url(img/yuanquanquan.jpg);
    }
#content4 {
    width:60px;
    height:60px;
    background-image:url(img/wen.jpg);
} #content5 {
    width:70px;
    height:65px;
    background-image:url(img/shan.jpg);
}#content6 {
    width:65px;
    height:65px;
    background-image:url(img/diqiu.jpg);
}
</style>
</head>
<body>
<div id="box">
<div id="content1"></div>
<div id="content2"></div>
<div id="content3"></div>
<div id="content4"></div>
<div id="content5"></div>
<div id="content6"></div>
</div>

</body>
</html>

学习内容总结

上一篇下一篇

猜你喜欢

热点阅读