HTML技术简介

<html>

	<head>
		
		<title>这是网页的标题</title>
		<link rel="stylesheet" type="text/css" href="css.css">
		<style type="text/css">

		.center{text-align: center; color:red}

		</style>
	</head>


	<body>

		<h1 class="center">这是网页显示的内容</h1>
		<hr>
	<p class="center"> This paragraph will be right-aligned. </p>
	<p class="center"> This paragraph will be center-aligned. </p>
	

		<a href="http://www.baidu.com">这是一个链接</a>
		
		<br><br>

		<!--

		<table border="1" align="center" width="80%">

			<tr>

				<th>aa</th>
				<th>bb</th>
				<th>cc</th>

			</tr>

			<tr>
				<td align="center"><b>dd</b></td>
				<td align="center"><b>ee</b></td>
				<td align="center"><b>ff</b></td>
			</tr>

		-->
			<form>

			username: <input type="text" value="hello world"><br>
			password: <input type="password"><br>
			兴趣:学习<input type="checkbox"> 
			      旅游<input type="checkbox">
			      睡觉<input type="checkbox"><br>
			性别:男<input type="radio" name="gender">
	         	      女<input type="radio" name="gender"><br>
			学历:<select>
				<option>小学</option>      
			      	<option>初中</option>
			      	<option>高中</option>
				<option>大学</option>
			      </select><br>

                        评论:<textarea>

			      </textarea><br>

         		图片:<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png"><br>
			文件上传:<input type="file"><br>

			<input type="submit" value="submit">&nbsp;&nbsp;&nbsp;<input type="reset" value="reset">&nbsp;&nbsp;&nbsp;<input type="button" value="button" onclick="javascript:alert('hello world');">

			</form>

		</table>

	</body>

</html>

 
HTML技术简介_第1张图片

你可能感兴趣的:(html)