问答作业&知识点总结

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

html:超文本标记语言。HTML是一种基本的WEB网页设计语言(一种和浏览器“沟通的语言”)

标签:<“文本”>,文本必须为英文。标签基本均是成对存在的。

XHTML:可扩展超文本标记语言。XHTML是一个基于可扩展标记语言标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。

HTML5:HTML5是HTML的最新版本,目标是更好地开发网络应用程序。

2、写出HTML的语法

~~~

<!doctype html>

<html>

     <head>

           <meta charset="UTF-8"/>

           <title>标题</title>

     </head>

     <body>

            内容-centent

      </body>

</html>

~~~

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

HTML中的注释:<!-- -->

CSS中的注释:/* */

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

CSS中的引入方式:(1)行间样式表 (2)内部样式表  ( 3 )外部样式表

区别:?

(1)

<!doctype html>

<html>

     <head>

           <meta charset="UTF-8"/>

            <title>标题</title>

      </head>

       <body>

       <!--行间样式表-->

             <div style="width:20px;height:20px;background:red;"></div>

         </body>

</html>

(2)

<!doctype html>

<html>

    <head>

           <meta charset="utf-8"/>

          <!--内部样式表-->

         <stype>

                #div1{

                width:20px;

                height:20px;

                background:red;

                }

          </stype>

    </head>

    <body>

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

      </body>

</html>

(3)

<!doctype html>

<html>

   <head>

         <meta charset="UTF-8"/>

         <titlie>标题</title>

<!--外部样式表-->

         <link rel="stlylesheet" href="引用文件名“ />

    </head>

     <body>

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

     </body>

</html>

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

(1) background-color  背景颜色(格式:background-color:red;或 background-color:rgb(001,001,001)或background-color:#颜色的十六进制)

(2)  background-position  背景图片的位置(格式:background-position:x,y;)

x y 的表达形式: 1:10px,20px;    2:n%,m%;(将长宽按百分比的形式分开,距离上和左分别m% n%的距离)  3:left | center | right,top | centet | bottom(低)

若不写默认为center,只写一个(background-position:1px;)即x为1px

(3) background-size: 背景图片尺寸

(4)  background-repeat(后面跟 no-repeat;(不重复,即只有一个图片) repeate-x;(延横向将图片建空间平铺)repeate-y;(延纵向将图片平铺) 在默认状态下,背景图如会将空间铺满)

(5)background-origin

(6)background-clip

(7)    background-attachment (实现背景图的固定)eg:(background-attachment:fixed;(即背景不动)  scroll(背景滚动))

(8) background-image(链接图片)eg:(background-image:url(文件名/图片的名.jpg;)

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

border的属性:dashhed(虚线),solid(实线),dotted(点线)

border-style的属性值:border-top(上边框)

border-style-left(左边框)

border-right(右边框)

border-bottom(下边框)

border:1px dashed #033;(线的粗细 种类 颜色)

7、什么是CSS ?

层叠样式表,与HTML超文本标记语言配合以定义网页表现的样式语言

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

文本属性、边框属性、背景属性、字体属性、列表属性

9、什么是W3C标准?

万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。
对应的标准也分三方面:结构化标准语言主要包括XHTMLXML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

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

常见的浏览器:IE浏览器、谷歌浏览器、苹果浏览器、火狐浏览器

五大浏览器内核分别是:Trident内核、Webkit内核、Gecko内核
、Presto内核、Chromium/Bink内核

…………………………………………………………………………………………………………………………………………

知识点补充:

1、javascript(脚本语言)<行为> 让网页产生动态的变化。

eg:<div on click="this.style.width='800px';this.style,height='400px';",transition 1s></div>

当点击时,它的宽变成800px,长变成400px,动态时间持续1秒

2、印屏幕: PrtScr Sys Rq

3、在编程中换行为:<br/>


 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.什么是css语法?CSS 语法由三部分构成:选择器、属性和值。selector {property:value...
    星星yx阅读 1,735评论 1 0
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,572评论 0 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,687评论 32 459
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,991评论 0 1
  • 题目 给出一组代数表达式,请编程判断出他们的括号是否配对正确。输入 第一行中的5表示共有5个表达式需要判断。下面的...
    4644f2f5191a阅读 1,508评论 1 0