ちょっとした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>