ちょっとしたHTMLについて(2)
5890 ワード
<!DOCTYPE html>
<html>
<head>
<title> html </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!-- css /**/-->
<style type="text/css">/* html5 type */
h3{background-color: red;}/* h3 */
body{font-family: ' ',' ' }/* body , */
/* , ,id , , , */
/* */
p{color: blue; }/*p , */
/* : */
h5,h6{
border: 1px solid black;
}
/*id */
#choseid{
color: red;
background: yellow;
}
/* .demo*/
.demo{
color: red;
font-size: 2pt;
}
/* */
p{
background-color: pink;
}
p.error{/* p class error */
color: red;
border: 1px solid red; /* */
}
h3 span{
color: yellow;
}
.list li{/* list , li */
color: blue;
}
.list > li{/* list , li , */
color: green;
}
</style>
<!--href css , ,link , , css , -->
<link rel="stylesheet" type="text/html" href="style.css">
</head>
<body>
<!--css ( css ), ( :p , , ), -->
<h3> h3 </h3>
<!-- p style , p , ” “-->
<p style="background-color:yellow; "> ( ),p ,</p>
<h4> link , h3 </h4>
<h5> </h5>
<p id="choseid">id </p>
<h6> </h6>
<p class="demo"> </p>
<ul class="list">
<li>
<ul>
<li> 2
<ul>
<li> 3 </li>
<li> 3 </li>
</ul>
</li>
<li> 2 </li>
</ul>
</li>
<li>
<ul>
<li> 2 </li>
<li> 2 </li>
</ul>
</li>
</ul>
<h1> </h1><!-- thead,tbody,tfoot, -->
<table border="1">
<thead >
<tr><!-- th td, -->
<th rowspan="2"> </th><!--rowspan -->
<th colspan="4"> </th><!--colspan -->
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td> </td>
<td>2.00</td>
<td>1</td>
<td>2.00</td>
</tr>
<tr>
<td>1</td>
<td> </td>
<td>2.00</td>
<td>1</td>
<td>2.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4"> </td>
<td>4.00</td>
</tr>
</tfoot>
</table>
<h1> </h1>
<form method="post">
<h2> </h2>
<!-- input ,name ,value 。 -->
<!--maxlength -->
<!-- text, password-->
<p> <input type="text" maxlength="10" name="username" value="su"></p>
<p> <input type="password" maxlength="10" name="pws"></p>
<!--radio , 。checkbox -->
<p> <input type="radio" name="sex" value="nan"> <input type="radio" name="sex" value="woman"> </p>
<p> <input type="checkbox" name="char" value="student"> <input type="checkbox" name="char" value="teacher"> </p>
<!-- 。file , -->
<p> <input type="file" name="image"></p>
<p> <!--radio name id lable for , , -->
<input type="radio" name="public" id="pub"><label for="pub">
<input type="radio" name="public" id="pri"><label for="pri">
</p>
<p> <!--select , option ,size=1, ,size>1, -->
<select name="course" size="1">
<option value="1">javase</option> <!--value ,selected value, selected -->
<option value="2">javame</option>
<option value="3">javaee</option>
</select>
</p>
<p> <br>
<textarea name="memo" id="" cols="30" rows="10"> </textarea>
</p>
<p>
<fieldset ><!-- , -->
<legend> </legend><!-- -->
:<input type="text"><br>
:<input type="text">
</fieldset>
</p>
<div>
<input type="submit" value=" ">
<input type="reset" value=" ">
<input type="button" value=" ">
</div>
<input type="hidden" name="loc" value=" "><!-- -->
</form>
</body>
</html>