侧边栏壁纸
博主头像
bugbbs博主等级

行动起来,活在当下

  • 累计撰写 5 篇文章
  • 累计创建 4 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

网页制作代码参考

Administrator
2024-05-10 / 0 评论 / 102 阅读 / 3055 字
版权所有人:陈振兴
此代码仅作为参考
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 1 </title>
    <style>
        table{
            border-color: red;
        }
    </style>
</head>
<body>
    <h3 align="center">“有序列表中嵌套无序、有序列表”示例</h3>
    <ol type="A">
        <li>影院热映
            <ul>
                <li type="disc">九龙城寨之围城</li>
                <li type="disc">维和防暴队</li>
                <li type="disc">哈尔的移动城堡</li>
                <li type="disc">没有一顿火锅解决不了</li>
            </ul>
        </li>
        <li>国内即将上映
            <ol type="1">
                <li>猩球崛起:新世界</li>
                <li>神偷奶爸4</li>
                <li>流浪地球3</li>
                <li>特技狂人</li>
                <li>妈妈和七天的时间</li>
            </ol>
        </li>
        <li>全球值得期待
            <ul>
                <li type="circle">疯狂的麦克斯:狂暴女神</li>
                <li type="circle">死侍与死党</li>
                <li type="circle">疯狂动物城2</li>
            </ul>
        </li>
    </ol>
    <hr />
    <table border="3" width="730px" height="400px" align="center" background="https://bpic.588ku.com/back_pic/19/03/18/c380505373b1aa72072a2574e3fe5ff8.jpg">
        <caption>学生名单表</caption>
        <thead>
            <tr height="100px">
                <th  width="170px">学号</th>
                <th width="130px">姓名</th>
                <th width="130px">性别</th>
                <th width="130px">年龄</th>
                <th width="170px">特长</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td align="left" valign="top">001</td>
                <td align="left" valign="middle">李萍</td>
                <td align="left" valign="bottom">女</td>
                <td align="left" valign="top">17</td>
                <td align="left" valign="middle">唱歌</td>
            </tr>
            <tr align="center" valign="middle">
                <td>002</td>
                <td>张勇</td>
                <td>男</td>
                <td>18</td>
                <td>打篮球</td>
            </tr>
            <tr align="center" valign="bottom">
                <td>003</td>
                <td>董珠</td>
                <td>女</td>
                <td>18</td>
                <td>游泳</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

评论区