用表格完成个人信息网页的设计 基本信息：姓名，学号，出生日期，手机号码，证件类型，证件号码，学校，学院，专业，学制，入学时间，个人证件图像兴趣爱好
生活随笔
收集整理的這篇文章主要介紹了
用表格完成个人信息网页的设计 基本信息：姓名，学号，出生日期，手机号码，证件类型，证件号码，学校，学院，专业，学制，入学时间，个人证件图像兴趣爱好
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
用表格完成個人信息網頁的設計
1. 要求：
（1）基本信息：姓名，學號，出生日期，手機號碼，證件類型，證件號碼，學校，學院，專業，學制，入學時間，個人證件圖像。
（2）除了基本信息外，至少100字介紹自己的興趣愛好等信息。
（3）個人信息介紹中至少使用兩種顏色和兩種字體。
2. 最終效果圖：
3.😊😊😊😊 具體代碼如下：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>個人信息表</title> </head> <body><h1>個人信息表</h1><table border="1"><!-- 表頭 thead --><thead><tr><td >姓名</td><td>學號</td><td>出生日期</td><td>手機號碼</td><td>證件類型</td><td>證件號碼</td><td>學校</td><td>學院</td><td>專業</td><td>學制</td><td>入學時間</td><td>個人證件圖像</td><td>個人興趣愛好</td></tr></thead><!-- 表主體 tbody --><tbody><tr><td>石昊</td><td>20********</td><td>199*********</td><td>138**********</td><td>身份證</td><td>320322***********</td><td>徐********</td><td>信*****</td><td>計*****</td><td>四年</td><td>201***</td><td> <img src="images/1.jpg" / width="60" boder="50"></td><!-- " "是空格符的字符串代碼 --><td> <p> <font face="隸書" color="blue" size="4"> ; 我是********,我有很多愛好我有很多愛好我有很多愛好我有很多愛好我有很多愛好我有很多愛好我有很多愛好</font> </p><p> <font face="華文行楷" color="green" size ="4"> 除了籃球我還喜歡打羽毛球、游泳、畫畫，大學生活除了學習，做一些自己一些喜歡的事情會跟有意義！</font> </p> </td></tr></tbody></table> <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="知識共享許可協議" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />本作品采用<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">知識共享署名 4.0 國際許可協議</a>進行許可。</body> </html>4.整體布局思路:
整個表格分為2行13列，第一行為表頭，第二行填寫的是個人詳細的基本信息，也包括個人興趣愛好，表頭部分即表格的第一行和第二行使用標簽來完成；這三題中關于標題和文本的字體、顏色、大小等屬性均是通過font文本樣式標簽嵌套完成的即<font 屬性=”屬性值”>文本內容。
ヾ(≧▽≦*)o😊喜歡的話就留個贊吧！
總結
以上是生活随笔為你收集整理的用表格完成个人信息网页的设计 基本信息：姓名，学号，出生日期，手机号码，证件类型，证件号码，学校，学院，专业，学制，入学时间，个人证件图像兴趣爱好的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： OceanBase分区
- 下一篇： IDEA报错 Cannot resolv