zoukankan      html  css  js  c++  java
  • 百度前端科技学院第二天笔记

    第二天笔记

    第二天是做一个简历,我用的是表格,对rowspancolspan有了更深的理解。

    <!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/002

  • 相关阅读:
    标签的讲解
    属性分类
    LeetCode 003. 无重复字符的最长子串 双指针
    Leetcode 136. 只出现一次的数字 异或性质
    Leetcode 231. 2的幂 数学
    LeetCode 21. 合并两个有序链表
    象棋博弈资源
    acwing 343. 排序 topsort floyd 传播闭包
    Leetcode 945 使数组唯一的最小增量 贪心
    Leetcode 785 判断二分图 BFS 二分染色
  • 原文地址:https://www.cnblogs.com/sogeisetsu/p/11599346.html
Copyright © 2011-2022 走看看