1. 程式人生 > >0427基礎標簽學習:插圖、表格

0427基礎標簽學習:插圖、表格

經歷 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基礎標簽學習:插圖、表格