美文网首页
html基本知识点

html基本知识点

作者: 心软脾气硬01 | 来源:发表于2018-09-13 07:36 被阅读0次

    一.单选题(共20小题,每题1.5分,共30分)
    1、下面哪一个标签不能放在head标签内?( c )
    A. title标签 B. style标签
    C. body标签 D. script标签
    2、如果网页中出现乱码,我们一般使用( a )来解决。
    A. <meta charset="utf-8" />
    B. <style type="text/css"></style>
    C. <script></script>
    D. <link type="text/css" rel="stylesheet" href="css/index.css">
    3、下面选项中,属于HTML正确注释方式是( c )。
    A. //注释内容
    B. /注释内容/css
    C.
    D.//注释内容//
    4、选出你认为最合理的定义标题的方法是( c )。
    A. <div>文章标题</div> B. <p><b>文章标题</b></p>
    C. <h1>文章标题</h1> D.<strong>文章标题</strong>
    5、如果想要实现粗体效果,我们可以使用( a )标签来实现。
    A. <strong></strong> B. <em></em>
    C. D.
    6、下面有关自闭合标签说法不正确的是( b )。
    A. 自闭合标签只有开始符号没有结束符号
    B. 自闭合标签可以在内部插入文本或图片
    C. meta标签是自闭合标签
    D. hr标签是自闭合标签
    7、在浏览器默认情况下,下面有关块元素和行内元素说法不正确的是( d )。
    A. 块元素独占一行
    B. 块元素内部可以容纳块元素
    C. 块元素内部可以容纳行内元素
    D. 行内元素可以容纳块元素
    8、下面标签中,哪一个不是块元素?( a )
    A. strong B. p C. div D. hr
    9、在下面几种列表形式中,哪一种在HTML5中已经被废弃了。( d )
    A. 有序列表ol B.无序列表ul
    C. 定义列表dl D.目录列表dir
    10、下面哪种列表我们在实际开发中是用得最多的?( b )
    A. 有序列表ol B.无序列表ul
    C. 定义列表dl D.目录列表dir
    11、下面有关ul元素说法不正确的是( d )。
    A. ul元素的子元素只能是li,不能是其他元素
    B. ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加
    C. 绝大多数列表都是使用ul元素来实现,而不是ol元素
    D. 我们可以在ul元素中直接插入div元素
    12、下面有关HTML语义化不正确的是( a )。
    A. 对于大多数标签实现的效果,我们完全可以使用div和span来代替实现
    B. 学习HTML目的在于:在需要的地方,用正确的标签
    C. 语义化对于搜索引擎优化来说是非常重要的
    D. 语义化目的在于提高可读性和可维护性
    14、在img标签中,( b )属性的内容是提供给搜索引擎看的。
    A. src B.alt C.title D.class
    15、下面说法,正确的是( b )。
    A.当鼠标移到图片上时,就会显示img标签alt属性中的文字
    B. src是img标签必不可少的属性,只有定义它之后图片才可以显示出来
    C. 在实际开发中,我们常用的是绝对路径,很少用到相对路径
    D. 如果想要显示一张动画图片,可以使用png格式来实现
    23、下面说法中,正确的是( c )。
    A. 现在已经是CSS3时代了,CSS2没必要再去学
    B. 一般使用script标签来引用外部样式表
    C. 在实际开发中,一般使用外部样式表的多
    D. 内部样式表和行内样式表在实际开发中一点用处都没有
    24、每一个样式声明之后,要用( b )表示一个声明的结束。
    A. 逗号 B. 分号 C. 句号 D. 顿号
    25、下面哪一项是CSS正确的语法结构?( d )
    A. body:color=black B. {body;color:black}
    C. {body:color=black;} D. body{color:black;}
    26、下面有关id和class的说法中,正确的是( d )。
    A. id是唯一的,不同页面中不允许出现相同的id
    B. id就像你的名字,class就像你的身份证号
    C. 同一个页面中,不允许出现两个相同的class
    D. 可以为不同的元素设置相同的class来为他们定义相同的css样式
    27、下面有关选择器的说法中,不正确的是( a )。
    A. 在class选择器中,我们只能对相同的元素定义相同的class属性
    B. 后代选择器选择的不仅是子元素,还包括它的其他后代元素(如“孙元素”)
    C. 群组选择器可以对几个选择器进行相同的操作
    D. 想要为某一个元素定义样式,我们可以使用不同的选择器来实现
    28、CSS中可以使用( c )属性来定义字体粗细。
    A. font-family B. font-size C. font-weight D. font-style
    三、判断题(每题1分,共13分)
    1.在HTML中,若实现点击超链接时,弹出一个新的网页窗口,符合要求的写法是<a href="right.html" target="_blank">节目</a> ( T )
    2.由于某些字符在HTML中有特殊含义,因此需要在浏览器中显示这些字符,就必须在HTML中使用字符转译码。其中 表示空格 ( T )
    3.在HTML中,从本页面连接到页面中锚记是marker位置的代码是<a href="hello.htm" position="marker">Hello</a> ( F )
    4.<a href="index.html" target="_blank">首页</a>这段代码目标窗口在当前窗口中打开 ( F )
    5.将一个网页中所有的h1元素以及p元素的字体颜色设置为红色的CSS代码为h1, p {color:red;} ( T )
    6.使用外部样式表可以使网站更加简洁,风格保持统一,它的文件扩展名为 .cs ( F )
    7.外部样式表内容不需要使用<style>标签,而是使用<link>标签引入外部样式 ( T )
    8.在HTML中,通过a{text-decoration:none}可以实现鼠标悬停在超链接上时,为无下划线的效果 ( F )
    9.div标签是块级元素 ( T )
    10.下面选项中,可以设置页面中某个DIV标签相对页面水平居中的CSS样式是vertical-align:middle ( F )
    11.在HTML中,DIV默认样式下是不带滚动条的,若要使<div>标签出现滚动条,需要为该标签定义overflow:scroll样式 ( T )
    12.若某个标签里的内容超过标签的尺寸,则超出的内容自动隐藏的CSS样式是visibility:hidden ( F )
    15.html内嵌框架的标签名是iframe ( T )

    1. 权重等级由高到低依次为!important > 内联样式 > ID选择器 > 类、伪类和属性选择器( T )
      四、简答题(每题14分,共42分)
      1、请默写HTML基本结构。
    <!DOCTYEPE html>
    <html lang=’en’>
    <head>
    <meta charset=’UTF-8’/>
    <title></title>
    </head>
    <body>
    </body>
    </html>
    

    2、下面有一段代码,如果我们想要选中所有的div和p,请用至少2种不同的选择器方式来实现,并且选出最简单的一种。

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div></div>
        <p></p>
        <p></p>
        <strong></strong>
        <span></span>
    </body>
    </html>
    

    方法一:div,p{ }
    方法二:<div class=’d1’></div>
    <p class=’d1’></p>
    <p class=’d1’></p>
    .d1{ }
    第一种最简单

    3、为下面这段文字定义字体样式,要求字体类型指定多种、大小为14px、粗细为粗体、颜色为蓝色。
    “有规划的人生叫蓝图,没规划的人生叫拼图。”

    <!DOCTYEPE html>
    <html lang=’en’>
    <head>
    <meta charset=’UTF-8’/>
    <title></title>
    <style type=’text/css’>
    P
    {
    Font-family:”微软雅黑”,”Times New Roman”,Caribli;
    Font-size:14px;
    Font-weight:bold;
    Color:blue;
    }
    </style>
    </head>
    <body>
    </body>
    </html>
    

    五、论述题(每题15分,共15分)

    1、请罗列出盒子模型的计算公式,盒子的宽度等于什么,盒子的高度等于什么?

    盒子的宽度=width+左右两边边框的宽度+左右两边的内边距
    盒子的高度=height+上下的内边距+上下边框

    相关文章

      网友评论

          本文标题:html基本知识点

          本文链接:https://www.haomeiwen.com/subject/izmigftx.html