HTML 使用table标签制作个人简历

css部分：

    <style>.table1 {width: 800px;height: 800px;border-collapse: collapse;margin: 0 auto;}tr {width: 100%;}td {width: 20%;text-align: center;}.image {background: url(../../day-01/img/kunkun5.webp) no-repeat;background-size: 100% 100%;}th {background-color: #e4e4e4;}</style>

html部分：

    <table class="table1" border="1px"><caption><h1>个人简历</h1></caption><thead></thead><tbody><tr><th>求职意向</th><td colspan="4">前端工程师</td></tr><tr><th>姓名</th><td>一只花小妖</td><th>出生年月</th><td>2022.7.18</td><td rowspan="4" class="image"></td></tr><tr><th>性别</th><td>女</td><th>政治面貌</th><td>群众</td></tr><tr><th>籍贯</th><td>江苏</td><th>学历</th><td>本科</td></tr><tr><th>邮箱</th><td>12345678</td><th>联系电话</th><td>12345678</td></tr><tr><th>地址</th><td colspan="4">花小妖的小窝</td></tr><tr><th rowspan="4">教育经历</th><td>起止日期</td><td>学校</td><td>专业</td><td></td></tr><tr><td>2011.9-2016.6</td><td>罗城大学</td><td>软件工程</td><td></td></tr><tr><td>2009.9-2011.6</td><td>罗城中学</td><td></td><td></td></tr><tr><td>2003.9-2009.6</td><td>罗城小学</td><td></td><td></td></tr><tr><th>主修课程</th><td colspan="4">html、css、javascript、ajax、node.js、vue、react</td></tr><tr><th>实现经历</th><td colspan="4">无</td></tr><tr><th>荣誉证书</th><td colspan="4">英语四级、C二级</td></tr><tr><th>校园经历</th><td colspan="4">篮球形象大使</td></tr></tbody></table>

HTML 使用table标签制作个人简历相关推荐

使用table标签制作个人简历
通过制作个人简历,熟悉table标签的使用 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
html使用table标签制作个人简历
个人简历 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
用HTML表格标签制作基础简历
用HTML表格标签制作基础简历代码: <!DOCTYPE html> <html><head><meta charset="utf-8" ...
使用form表单和table表格制作个人简历
使用form表单和table表格制作个人简历制作的如下图: 代码如下: <!DOCTYPE html> <html><head><meta charset= ...
HTML 用table标签制作一张简单的个人简历
该文章用于记录实训中的一个小作业 table标签的使用从名字中可以看出table标签在HTML中,table标签多用于制作表格. table结构中有多个子标签 caption 用于标明该表格的使用途 ...
使用table标签制作常用的html表格
table 标签用于定义 HTML 表格.简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元. ...
案例：使用HTML中的 table 标签制作一份个人简历
先看最终效果: 一.使用到的知识点这个小案例中主要使用到的知识点是表格标签中单元格的合并,还使用到了一些表格标签里面的属性,比如宽高属性.水平对齐属性,还有表格边框的设置和合并等. 二.单元格合并知 ...
html用table标签制作表格
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>&l ...
用HTML中table标签写个人简历模板
代码如下: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...

HTML 使用table标签制作个人简历

HTML 使用table标签制作个人简历相关推荐

最新文章

热门文章