百度前端科技学院次日笔记

时间 2019-12-02
标签百度前端科技学院次日笔记繁體版
原文原文链接
次日笔记

次日是作一个简历，我用的是表格，对rowspan和colspan有了更深的理解。
css
<!DOCTYPE html>
<html>
    <header>
        <meta charset="UTF-8">
        <meta name="author" content="苏月晟">
        <meta http-equiv="refresh" content="30">
        <link rel="stylesheet" type="text/css" href="002.css">
        <title>百度前端学院次日做业</title>
    </header>
    <body>
        <div>
            <table border="3" class="jianli">
                <tr class="biaotou">
                    <td colspan="3"><h1>个人简历</h1></td>
                </tr>
                <tr class="zbiaotou">
                    <td  width="150">姓名</td>
                    <td >性别</td>
                    <td rowspan="2" width="150"><img src="002.jpg" alt="相片" height="150" ></td>
                </tr>
                <tr>
                    <td class="ybiaotou">苏月晟</td>
                    <td class="ybiaotou">男</td>
                </tr>
                <tr>
                    <td class="zbiaotou">家庭住址</td>
                    <td colspan="2" class="ybiaotou">青岛科技大学</td>
                </tr>
                <tr>
                    <td class="zbiaotou">人生格言</td>
                    <td colspan="2" class="ybiaotou">好好学习，每天向上</td>
                </tr>
                <tr>
                    <td class="zbiaotou">联系方式</td>
                    <td colspan="2" align="left" class="ybiaotou">
                        <dl>
                            <dt><strong>电话</strong></dt>
                            <dd>- 15011111111</dd>
                            <dt><strong>邮箱</strong></dt>
                            <dd>- sys088519@163.com</dd>
                        </dl>
                    </td>
                </tr>
                <tr>
                    <td class="zbiaotou"><big>GITHUB</big></td>
                    <td colspan="2" class="ybiaotou"><a href="https://github.com/sogeisetsu" target="_blank">sogeisetsu</td>
                </tr>
                <tr>
                    <td class="zbiaotou">教育经历</td>
                    <td colspan="2" class="ybiaotou">
                        <ul>
                            <ol>
                                小学
                            </ol>
                            <ol>
                                中学
                            </ol>
                            <ol>
                                青岛科技大学
                            </ol>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td class="zbiaotou">项目经历</td>
                    <td colspan="2" align="left" class="ybiaotou">
                        <dl>
                            <dt><big>python</big></dt>
                            <dd><a href="https://github.com/sogeisetsu/shumeipai" target="_blank">- 树莓派远程自动浇水</a></dd>
                            <dd><a href="https://github.com/sogeisetsu/gitre" target="_blank">- 垃圾图像识别装置</a></dd>
                            <dt><big>机械</big></dt>
                            <dd>- 无碳小车</dd>
                            <dt><big>前端</big></dt>
                            <dd><a href="https://github.com/sogeisetsu/suy-ife" target="_blank">百度前端科技学院学习</dd>
                        </dl>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
这是预览界面https://qkgoride.club/suy-ife/002/002html