基本操作题

2022-05-24  本文已影响0人  家乡_a6ce
image.png image.png

<body>

<form name="input">
I have a bike:
<!-- 以下项默认选中 -->
<!-- ********FOUND********* -->
<input type="checkbox" name="vehicle" value="Bike" checked/>
<br />
I have a car: 
<!-- ********FOUND********* -->
<input type="radio" name="vehicle" value="Car" />
<br />
I have an car: 
<!-- ********FOUND********* -->
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
<!-- ********FOUND********* -->
</select>
<input type="submit" value="提交" />
</form> 

<p>如果您点击 "提交" 按钮,您将把输入传送到名为 html_form_action.asp 的新页面。</p>

</body>
</html>

image.png
image.png

题目

<html>
<head>
<style type="text/css">
/* *********Found********* */
#_____________{
  /* *********Found********* */
  float:_____________;
  height: 30px;
  width: 10%;
  color: red;
}
/* *********Found********* */
#______________{
  /* *********Found********* */
  float:______________;
  height: 30px;
  width: 10%;
  color: yellow;
}
/* *********Found********* */
#______________{
  /* *********Found********* */
  float:_____________;
  height: 30px;
  width: 10%;
  color: green;
}
</style>
</head>
<!-- **********Found********** -->
<body ______________="black">
<div align="center">
<div id="redblock">●</div>
<div id="yellowblock">●</div>
<div id="greenblock">●</div>
</div>
</body>
</html>

解答

<html>
<head>
<style type="text/css">
/* *********Found********* */
#redblock{
  /* *********Found********* */
  float:left;
  height: 30px;
  width: 10%;
  color: red;
}
/* *********Found********* */
#yellowblock{
  /* *********Found********* */
  float:left;
  height: 30px;
  width: 10%;
  color: yellow;
}
/* *********Found********* */
#greenblock{
  /* *********Found********* */
  float:left;
  height: 30px;
  width: 10%;
  color: green;
}
</style>
</head>
<!-- **********Found********** -->
<body bgcolor="black">
<div align="center">
<div id="redblock">●</div>
<div id="yellowblock">●</div>
<div id="greenblock">●</div>
</div>
</body>
</html>

image.png
<HTML>
<HEAD>
<!-- ********FOUND********* -->
<title>插入文字域</title>
</HEAD>
<BODY>
<!-- ********FOUND********* -->
<h1>用户调查</h1>
<!-- ********FOUND********* -->
<hr/>
<!-- ********FOUND********* -->
<FORM ACTION=MAILTO:xgzyljj@163.net METHOD=get NAME=invest>请留言:<BR>
<!-- ********FOUND********* -->
<textarea  NAME="comment" Rows=5 Cols=40></textarea ><BR>
<!-- ********FOUND********* -->
<input TYPE="Submit" NAME="Submit"  VALUE="提交表单">
</FORM>
</BODY>
</HTML>
image.png
<html>
<head>
<style type="text/css">
/********FOUND*********/
____(1)___ {color:blue}
/********FOUND*********/
___(2)____ {color:#00ff00}
/********FOUND*********/
___(3)___ {color:____(4)___(255,0,0)}

table
  {
  border-collapse:collapse;
  }

table, td, th
  {
  /********FOUND*********/
  ___(5)____:2px solid black;
  }

td
  {
  /********FOUND*********/
  ___(6)____:right;
  color: black
  }
th
  {
  /********FOUND*********/
  ___(7)___:green;
  color:white;
  }

</style>
</head>

<body>
<h1>会议通知</h1>
<p>请大家按照安排好的会议室参加会议</p>
<p class="ex">注意,不要迟到!</p>

<table>
<tr>
<th>会议室</th>
<th>议题</th>
</tr>
<tr>
<td>第一会议室</td>
<td>Java 语言的特点</td>
</tr>
<tr>
<td>第二会议室</td>
<td>敏捷开发讨论</td>
</tr>
</table>
</body>
</html>

<html>
<head>
<style type="text/css">
/********FOUND*********/
p {color:blue}
/********FOUND*********/
h1 {color:#00ff00}
/********FOUND*********/
.ex {color:rgb(255,0,0)}

table
  {
  border-collapse:collapse;
  }

table, td, th
  {
  /********FOUND*********/
  border:2px solid black;
  }

td
  {
  /********FOUND*********/
  text-align:right;
  color: black
  }
th
  {
  /********FOUND*********/
  background-color:green;
  color:white;
  }

</style>
</head>

<body>
<h1>会议通知</h1>
<p>请大家按照安排好的会议室参加会议</p>
<p class="ex">注意,不要迟到!</p>

<table>
<tr>
<th>会议室</th>
<th>议题</th>
</tr>
<tr>
<td>第一会议室</td>
<td>Java 语言的特点</td>
</tr>
<tr>
<td>第二会议室</td>
<td>敏捷开发讨论</td>
</tr>
</table>
</body>
</html>

上一篇下一篇

猜你喜欢

热点阅读