实战案例2:制作模拟考试试卷页面

一、完整的页面效果图

二、文本素材

HTML在线考试试题
1.HTML中,换行使用的标签是()。 
A.<br />
B.<p>
C.<hr />
D.<img />
2.<img />标签的()属性用于指定图像的地址。 
A.alt
B.href
C.src
D.addr
3.创建一个超级链接使用的是()标签。 
A.<a>
B.<ol>
C.<img />
D.<hr />
4.<img />标签的()属性用来设置图片与旁边内容的水平距离。 
A.hspace
B.vspace
C.border
D.alt
5.下面HTML结构中,不属于列表结构的是()。 
A.ul-li
B.ol-li
C.dl-dt-dd
D.p-br
三、代码展示

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>在线考试试卷</title>
</head>

<body>
<h1>HTML5在线考试试题</h1>
<ol>
  <li>HTML5中,换行使用的标签是()。
    <ol type="A">
      <li>&lt;br /&gt;</li>
      <li>&lt;p&gt;</li>
      <li>&lt;hr /&gt;</li>
      <li>&lt;img /&gt;</li>
    </ol>
  </li>
  <li>&lt;img /&gt;标签的()属性用于指定图像的地址。
    <ol type="A">
      <li>alt</li>
      <li>href</li>
      <li>src</li>
      <li>addr</li>
    </ol>
  </li>
  <li>创建一个超级链接使用的是()标签。
    <ol type="A">
      <li>&lt;a&gt;</li>
      <li>&lt;ol&gt;</li>
      <li>&lt;img /&gt;</li>
      <li>&lt;hr /&gt;</li>
    </ol>
  </li>
  <li>&lt;img /&gt;标签的()属性用来设置图片与旁边内容的水平距离。
    <ol type="A">
      <li>hspace</li>
      <li>vspace</li>
      <li>border</li>
      <li>alt</li>
    </ol>
  </li>
  <li>下面HTML5结构中,不属于列表结构的是()。
    <ol type="A">
      <li>ul-li</li>
      <li>ol-li</li>
      <li>dl-dt-dd</li>
      <li>p-br</li>
    </ol>
  </li>
</ol>
</body>
</html>

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐