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" οnclick="javascript:alert('hello world');">

			</form>

		</table>

	</body>

</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章