百度前端科技學院次日筆記

時間 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