HTML 制作简单的个人简历
生活随笔
收集整理的這篇文章主要介紹了
HTML 制作简单的个人简历
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在以前學HTML的時候,對于表格的運用只知道td、tr,趁著這個暑假重新學習html進行查缺補漏。
現在我們就先來學學表格的一些簡單運用。
- 第一步:先制作一個簡單的6行7列表格。最后一列的寬度設置為200px,再在table里將cellspacing設置為0,cellspacing表示單元格的間隙。
- 第二步:開始合并單元格,所用到的屬性有colspan和rowspan。
colspan表示行合并
rowspan表示列合并
這樣合并一下,個人簡歷表的大致雛形就做好了。
這是最終的效果。
接下來上完整的代碼:
<style>td{width: 100px;text-align: center;}tr{height: 40px;}.head_img{width: 200px;}</style> <body><table border="1px" cellspacing="0"><tr> <!-- th標簽是td的加粗居中版--><th colspan="7">個人簡歷</th></tr><tr><td>姓名</td><td></td><td>性別</td><td></td><td>年齡</td><td></td> <!-- rowspan 數列表合并 --><td class="head_img" rowspan="4">照片</td></tr><tr><td>學歷</td><td></td><td >籍貫</td><td colspan="3"></td></tr><tr><td>電話</td><td></td><td >政治面貌</td><td colspan="3"></td></tr><tr><td >畢業院校</td><td colspan="5"></td></tr><tr><td>求職意向</td><td colspan="6"></td></tr></table> </body>總結
以上是生活随笔為你收集整理的HTML 制作简单的个人简历的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: DirectSound 混音的实现
- 下一篇: 转软件开发过程中的各种文档