Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > List of blog posts > html常用标签与应用场景
Blogger Information
Blog 46
fans 2
comment 0
visits 19755
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html常用标签与应用场景
P粉314265155
Original
430 people have browsed it

课程表

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  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>
  11.     <table border="3"   width="900">
  12.         <caption  > <h2>一年级20班课程表</h2></caption>
  13.         <thead bgcolor="blue">
  14.             <tr>
  15.                 <td    style= text-align:center>时间</td>
  16.                 <td>星期一</td>
  17.                 <td>星期二</td>
  18.                 <td>星期三</td>
  19.                 <td>星期四</td>
  20.                 <td>星期五</td>
  21.                 <td>星期六</td>
  22.                 <td>星期日</td>
  23.             </tr>
  24.         </thead>
  25.         <tboday>
  26.             <tr>
  27.                 <td   style= text-align:center bgcolor="yellow"    rowspan="4">上午</td>
  28.                 <td>语文</td>
  29.                 <td>数学</td>
  30.                 <td>英语</td>
  31.                 <td>体育</td>
  32.                 <td>化学</td>
  33.                 <td>物理</td>
  34.                 <td rowspan="8"   style= text-align:center   bgcolor="red" >放假</td>
  36.             </tr>
  37.             <tr>
  39.                 <td>语文</td>
  40.                 <td>数学</td>
  41.                 <td>英语</td>
  42.                 <td>体育</td>
  43.                 <td>化学</td>
  44.                 <td>物理</td>
  46.             </tr>
  47.             <tr>
  49.                 <td>语文</td>
  50.                 <td>数学</td>
  51.                 <td>英语</td>
  52.                 <td>体育</td>
  53.                 <td>化学</td>
  54.                 <td>物理</td>
  56.             </tr>
  57.             <tr>
  59.                 <td>语文</td>
  60.                 <td>数学</td>
  61.                 <td>英语</td>
  62.                 <td>体育</td>
  63.                 <td>化学</td>
  64.                 <td>物理</td>
  66.             </tr>
  67.             <hr>
  68.             <tr>
  69.                 <td colspan="7"    style= text-align:center >午休</td>
  72.             </tr>
  73.             <tr>
  74.                 <td   style= text-align:center bgcolor="yellow"    rowspan="4">下午</td>
  75.                 <td>语文</td>
  76.                 <td>数学</td>
  77.                 <td>英语</td>
  78.                 <td>体育</td>
  79.                 <td>化学</td>
  80.                 <td>物理</td>
  82.             </tr>
  83.             <tr>
  85.                 <td>语文</td>
  86.                 <td>数学</td>
  87.                 <td>英语</td>
  88.                 <td>体育</td>
  89.                 <td>化学</td>
  90.                 <td>物理</td>
  92.             </tr>
  93.             <tr>
  95.                 <td>语文</td>
  96.                 <td>数学</td>
  97.                 <td>英语</td>
  98.                 <td>体育</td>
  99.                 <td>化学</td>
  100.                 <td>物理</td>
  102.             </tr>
  103.             <tfoot>
  104.                 <tr>
  105.                     <td colspan="8"    style= text-align:center>
  106.                         <h4>值日生  注意值日</h4>
  109.                     </td>
  110.                 </tr>
  111.             </tfoot>
  113.         </tboday>
  114.     </table>
  115. </body>
  116. </html>

列表、超链接、图片

  1. <div class="headre">我是头部</div>
  3. <div class="main">我是中间</div>
  4. <div class="footer">我是底部</div>
  6. <!-- 无序标签 -->
  7. <ul>
  8.     <li><a href="http://www.baidu.com">我是无序标签一</a></li>
  9.     <li><a href="http://www.php.com">我是无序标签二</a></li>
  10.     <li><a href="http://www.php.cn">我是无序标签三</a></li>
  11. </ul>
  12. <hr>
  13. <!-- 有序标签 -->
  15. <ol>
  16.     <li><a href="http://www.baidu.com"    target="blank"  >我是有序标签一</a></li>
  17.     <li><a href="http://www.php.com">我是有序标签二</a></li>
  18.     <li><a href="http://www.php.cn">我是有序标签三</a></li>
  19. </ol>

" class="reference-link">

图片超链接

  1. <!-- 我是图片链接
  2. <a href="https://img.php.cn/upload/aroundimg/000/000/001/62b2806382aa1939.png" width=“300” alt="我是图片">我是第一张图片</a>
  4. -->
  5. <img src="https://img.php.cn/upload/aroundimg/000/000/001/62b2806382aa1939.png"  width=“300” alt="我是图片">
  6.    <a href="https://img.php.cn/upload/aroundimg/000/000/001/62b2806382aa1939.png"  width=“300” alt="我是图片"></a>
  8. </img>

按键

  1. <button onclick="提交成功">提交</button>

Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post