一.表格

表格

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <table
  11.       border="1"
  12.       width="80%"
  13.       align="center"
  14.       cellspacing="0"
  15.       cellpadding="5"
  16.     >
  17.       <caption style="font-weight: bolder; margin-bottom: 1em">
  18.         课时表
  19.       </caption>
  20.       <thead>
  21.         <tr bgcolor="lightcyan">
  22.           <th colspan="2">时间</th>
  23.           <th>星期一</th>
  24.           <!--td-->
  25.           <th>星期二</th>
  26.           <th>星期三</th>
  27.           <th>星期四</th>
  28.           <th>星期五</th>
  30.           <!-- <th></th> -->
  31.         </tr>
  32.       </thead>
  33.       <tbody>
  34.         <tr>
  35.           <th rowspan="3">上午</th>
  36.           <th>9:00-9:40</th>
  37.           <th>语文</th>
  38.           <th>数学</th>
  39.           <th>英语</th>
  40.           <th>音乐</th>
  41.           <th>体育</th>
  42.           <!-- <th></th> -->
  43.         </tr>
  44.         <tr>
  45.           <!-- <th></th> -->
  46.           <th>9:55-10:35</th>
  47.           <th>语文</th>
  48.           <th>数学</th>
  49.           <th>英语</th>
  50.           <th>音乐</th>
  51.           <th>体育</th>
  52.         </tr>
  53.         <tr>
  54.           <!-- <th></th> -->
  55.           <th>10:50-11:30</th>
  56.           <th>语文</th>
  57.           <th>英语</th>
  58.           <th>数学</th>
  59.           <th>音乐</th>
  60.           <th>体育</th>
  61.         </tr>
  62.         <tr>
  63.           <th colspan="7">午休(11:30-13:00)</th>
  64.           <!-- <th></th>
  65.         <th></th>
  66.         <th></th>
  67.         <th></th>
  68.         <th></th>
  69.         <th></th> -->
  70.         </tr>
  71.         <tr>
  72.           <th
  73.             rowspan="2
  74.         "
  75.           >
  76.             下午
  77.           </th>
  78.           <th>13:00-13:40</th>
  79.           <th>语文</th>
  80.           <th>英语</th>
  81.           <th>数学</th>
  82.           <th>音乐</th>
  83.           <th>体育</th>
  84.         </tr>
  85.         <tr>
  86.           <th>13:55-14:35</th>
  87.           <th>数学</th>
  88.           <th>英语</th>
  89.           <th>语文</th>
  90.           <th>体育</th>
  91.           <th>音乐</th>
  92.           <!-- <th></th> -->
  93.         </tr>
  94.       </tbody>
  95.       <tfoot>
  96.         <tr>
  97.           <th>备注</th>
  98.           <th colspan="6">每天16:00之前提交作业</th>
  99.           <!-- <>> -->
  100.           <!-- <th></th> -->
  101.           <!-- <th></th> -->
  102.           <!-- <th></th> -->
  103.           <!-- <th></th> -->
  104.         </tr>
  105.       </tfoot>
  106.     </table>
  107.   </body>
  108. </html>

二。图片/链接/列表

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  4. <head>
  5.     <meta charset="UTF-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8.     <title>图片/链接/列表</title>
  9. </head>
  11. <body>
  13.     <ul class="nav" style="display: flex; list-style: none">
  14.         <li class="item">
  15.             <a href="https://www.php.cn/course/1401.html"><img src="static/images/623057031def7707.jpg" alt="" /></a>
  17.         </li>
  18.         &nbsp;
  19.         <li class="item">
  20.             <a href="https://www.php.cn/course/1400.html"><img src="static/images/622efba5b8f59620.jpg" alt="" /></a>
  21.         </li>
  22.         &nbsp;
  23.         <li class="item">
  24.             <a href="https://www.php.cn/course/1399.html"><img src="static/images/622ee24c8180c270.jpg" alt="" /></a>
  25.         </li>
  26.         &nbsp;
  27.     </ul>
  28. </body>
  30. </html>

更多相关文章

  1. markdown的常用语法
  2. 图文列表+课程表
  3. 12月22日课程表作业
  4. 表格与表单
  5. 前端html基础知识之图片/链接/列表和表单
  6. 表格和表单的应用
  7. 用table做课程表、用表单做注册界面
  8. 0319作业
  9. 学生课程表表格/用户注册表单

随机推荐

  1. 关于Android软键盘弹出，会把原来的界面挤
  2. Android SDK相关问题
  3. Android xml资源文件中@、@android:type
  4. 让star也具有CheckBox 功能
  5. android程序在Layout中设置控件水平或垂
  6. Android TextView 文字居中
  7. android 布局文件详解
  8. linux ubuntu android SDK安装
  9. Android系统自带样式(@android:style/)
  10. android layout 属性大全