html入門知識及簡歷html
1、table表格
（1）bordercolor邊框顏色
（2）cellspacing單元格邊框，單元格與邊框的距離
（3）cellpadding單元格與單元格之間的距離
（4）bordercolor 邊框顏色
（1）-（4）用法：<table bordercolor="greenyellow" border="1" cellspacing="1" cellpadding="0" bordercolor="blue">邊框顏色為綠色，邊框粗細為1，單元格與邊框的距離為1，單元格與單元格之間的距離為0
（5）tr代表行，th\td 代表列
用法：<tr>開始
<th>）......... </th>>第一列（表頭）
<td>............. </td>第二列
<td>.............. </td>第三列
</tr>結束
代表這一行有三列
(6)width、heigh代表列寬與行高；align代表水平對齊方式，有三種：left左、right右、center居中；valign代表垂直對齊方式，也有三種：top上、bottom下、middle中
用法：<th align="center"width="90" height="40“>性別</th>表格中性別一框，居中對齊，高度四十。
<th valign="top"width ="40“>性別</th>表格中性別一框，向上對齊，寬度四十。
（7）bgcolor背景顏色、用法與網頁背景一樣
用法： <table bgcolor="greenyellow">背景顏色為綠色
（8） rowspan上下合並與colspan左右合並
用法：<th width="140" rowspan="4"></th>上下合並四列
<th colspan="2"></th>向右合並兩行
2、form元素
（1）action提交給哪個頁面後面可以跟網址比如百度，其method指數據提交方式方法有兩種：post為隱式及get顯式 。
target指頁面打開方式有兩種一種為-blank在新窗口頁面打開；一種為-self在本頁面打開對本頁面進行覆蓋.
用法：<form action="http://www.baidu.com" method="post" target="_blank">
運行後畫面：
（2）input輸入value文本框的值、name文本框的名稱，其中form表單傳值時以name=value的形式傳輸過去input輸入、type類型有text(賬號)、password（密碼）、hidden（隱藏域）、
用法： <input type="text" value=""/>
賬號：<input type="text" name="" id="" value="" placeholder="請輸入用戶名"/><br /> placeholder="請輸入用戶名"作用為
密碼：：<input type="password" name="" id="" value="" />
隱藏域為：<input type="hidden" name="" id="" value="自我評價" />
顯示效果為：
文本域顯示效果：<textarea name="hid" rows="20" cols="10"></textarea>
其中rows為文本域可見區域的行數，cols為可見區域的橫向字符數，即上圖中所述為文本域有20行，每行10個字符
隱藏域顯示效果：
（3）按鈕類
按鈕分為普通按鈕、圖片按鈕、提交按鈕、重置按鈕
普通按鈕：<input type="button" name="321"id="aaa" value="普通按鈕2"/><--普通按鈕type=button，value內的數據為按鈕上顯示的內容,name為按鈕的名字-->
提交按鈕<input type="submit"id="" value="提交" /><br /><--普通按鈕type=submit，value內的數據為按鈕上顯示的內容，name為按鈕的名字-->
圖片按鈕：<input type="image" src="20180424152455857686113.jpg" height="20" width="20"/><--普通按鈕type=button，value內的數據為按鈕上顯示的內容,name為按鈕的名字-->
重置按鈕：<input type="reset" name="234"id="" value="重置"/>
其效果圖：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="http://www.baidu.com" method="get"target="_blank"><br />
賬號：<input type="text" name="yangyang" id="" value="" placeholder="請輸入用戶名"/><br />
密碼：<input type="password" name="yang" id="" value=""placeholder="請輸入用戶名" /><br />
<input type="submit"id="" value="提交" /><br />
<input type="hidden" name="xujie" id="" value="自我介紹" />
<textarea name="hid" rows="8" cols="100"></textarea><br />
<input type="image" src="20180424152455857686113.jpg" height="40" width="40"/><br />
<input type="button" name="321"id="aaa" value="普通按鈕2"/><br />
<input type="submit" name="456"id="" value="提交"/><br />
<input type="reset" name="234"id="" value="重置"/><br />
</form>
</body>
</html>
簡歷
其代碼有：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lianxi</title> </head> <body> <table bgcolor="greenyellow" border="1" cellspacing="0" cellpadding="0" bordercolor="blue"> <tr> <th align="center" height="40">姓名</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">性別</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">出生年月</th> <th width="90" height="40"></th> <th width="140" rowspan="4"></th> </tr> <tr> <th align="center"width="90" height="40">民族</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">政治面貌</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">身高</th> <th width="90" height="40"></th> </tr> <th align="center"width="90" height="40">學制</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">學歷</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">戶籍</th> <th width="90" height="40"></th> <tr> <th align="center"width="70" height="40">專業</th> <th width="140" height="40"></th> <th align="center"height="40"colspan="2">畢業院校</th> <th width="200" height="40"colspan="2"></th> </tr> <tr> <th align="center"colspan="7" height="40">技能、特長或愛好</th> </tr> <tr> <th align="center"colspan="2" height="40">外語等級</th> <th height="40"></th> <th align="center"colspan="3" height="40">計算機等級</th> <th height="40"></th> </tr> <tr> <th align="center"colspan="7" height="40">個人履歷</th> </tr> <tr> <th align="center"height="40" >時間</th> <th align="center"height="40" colspan="2">單位</th> <th align="center"height="40" colspan="3">經歷</th> <th height="40"></th> </tr> <tr> <th align="center"height="40" >2002年4月</th> <th height="40" colspan="2"></th> <th height="40" colspan="3"></th> <th height="40"></th> </tr> <tr> <th align="center"height="40" >2003年3月</th> <th height="40" colspan="2"></th> <th height="40" colspan="3"></th> <th height="40"></th> </tr> <tr> <th align="center"height="40" >2003年8月</th> <th height="40" colspan="2"></th> <th height="40" colspan="3"></th> <th height="40"></th> </tr> <tr> <th align="center"colspan="8" height="40">聯系方式</th> </tr> <tr> <th align="center"height="40">通訊地址</th> <th colspan="3" height="40"></th> <th align="center"height="40">聯系電話</th> <th colspan="4" height="40"></th> </tr> <tr> <th align="center" height="40">E-mail</th> <th colspan="3" height="40"></th> <th align="center"height="40">郵編</th> <th colspan="4" height="40"></th> </tr> <tr> <th align="center"colspan="7" height="40">技能、特長或愛好 </tr> <tr> <th colspan="7" height="200"></th> </tr> </table> </body> </html>
效果圖：
html入門知識及簡歷html