0427基礎標簽學習:插圖、表格
阿新 • • 發佈:2018-05-14
經歷 color back alt padding tom xiaomi right AS
|-img標簽
|--src 引入圖片的路徑
|--width 圖片的寬度
|--height 圖片的高度
|--titlt 鼠標移上圖片時顯示的標題
|--alt 圖片加載不出來時顯示的內容
<img src="../../xiaomi/xiaoguanggao.png" height="200px" width="200px" title="小米電腦" alt="這是小米電腦的圖片"/>
|-表格標簽
|--table 表格
|--border 表格的邊框(默認1像素)
|--cellspacing 表格之間的間距
|--cellpadding 內容與表格邊框的間距
|--tr 行
|--td 列
|--width 列的寬度
|--height 列的高度
|--align 水平對齊方式:center 中間;right 右;left 左;
|--valing 垂直對齊方式:top 頂部;middle 中間;bottom 底部;
|--bgcolor 背景顏色(background 背景;color 顏色;)
|--rowspan 合並行(row 行;占用被合並行的位置,原有行右移,需刪除)
|--colspan 合並列(column 列;占用被合並列的位置,原有列下移,需刪除)
<table border="1px" cellspacing="0px" cellpadding="0px" align="middle"> <tr align="center"> <td height="40px" width="100px">姓名</td> <td width="100px"></td> <td width="100px">性別</td> <td width="100px"></td> <td width="100px">出生年月</td> <td width="100px"></td> <td rowspan="4" width="100px"></td> </tr> <tr align="center"> <td height="40px">民族</td> <td></td> <td>政治面貌</td> <td></td> <td>身高</td> <td></td> </tr> <tr align="center"> <td height="40px">學制</td> <td></td> <td>學歷</td> <td></td> <td>戶籍</td> <td></td> </tr> <tr align="center"> <td height="40px">專業</td> <td></td> <td colspan="2">畢業學校</td> <td colspan="2"></td> </tr> <tr align="center"> <td colspan="7" height="40px"><b>技能、特長或愛好</b></td> </tr> <tr align="center"> <td height="40px">外語等級</td> <td colspan="2"></td> <td>計算機</td> <td colspan="3"></td> </tr> <tr align="center"> <td colspan="7" height="40px"><b>個人履歷</b></td> </tr> <tr align="center"> <td height="40px">時間</td> <td colspan="2">單位</td> <td colspan="4">經歷</td> </tr> <tr align="center"> <td height="40px">2002年4月</td> <td colspan="2"></td> <td colspan="4"></td> </tr> <tr align="center"> <td height="40px">2003年3月</td> <td colspan="2"></td> <td colspan="4"></td> </tr> <tr align="center"> <td height="40px">2003年8月</td> <td colspan="2"></td> <td colspan="4"></td> </tr> <tr align="center"> <td colspan="7" height="40px"><b>聯系方式</b></td> </tr> <tr align="center"> <td height="60px">通訊地址</td> <td colspan="3"></td> <td>聯系電話</td> <td colspan="2"></td> </tr> <tr align="center"> <td height="50px">E-mail</td> <td colspan="3"></td> <td>郵編</td> <td colspan="2"></td> </tr> <tr align="center"> <td colspan="7" height="60px"><b>自我評價</b></td> </tr> </table>
0427基礎標簽學習:插圖、表格