Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 0928html作业
Blogger Information
Blog 29
fans 0
comment 0
visits 19630
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
0928html作业
牡丹飞
Original
581 people have browsed it

效果

表格与链接1

表格与链接2

代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>表格与链接元素</title>
  7.   </head>
  8.   <body>
  9.     <!-- border="1" width="600" cellspacing="0" cellpadding="5" height="200" align="center" -->
  10.     <table
  11.       border="1"
  12.       width="800"
  13.       cellspacing="0"
  14.       cellpadding="10"
  15.       height="300"
  16.       align="center"
  17.     >
  18.       <caption style="font-size: 1.5rem; margin-bottom: 15px">
  19.         表格与链接
  20.       </caption>
  21.       <thead>
  22.         <th>链接</th>
  23.         <th>文本</th>
  24.         <th>列表</th>
  25.         <th>图像</th>
  26.         <th>表格</th>
  27.       </thead>
  28.       <tbody>
  29.         <tr id="table11row">
  30.           <td>
  31.             <a href="https://www.php.cn" target="_self">php中文网 本页打开</a>
  32.           </td>
  33.           <td><time>2020-09-30 10:00:00</time></td>
  34.           <td>
  35.             <ul>
  36.               <li>01</li>
  37.               <li>02</li>
  38.               <li>03</li>
  39.             </ul>
  40.           </td>
  41.           <td></td>
  42.           <td colspan="5">正在实现</td>
  43.         </tr>
  44.         <tr>
  45.           <td>
  46.             <a href="https://www.php.cn" target="_black">php中文网 新页打开</a>
  47.           </td>
  48.           <td>
  49.             <p>我是段落<abbr title="www.php.cn">phpcn是缩写</abbr></p>
  50.           </td>
  51.           <td>
  52.             <ol>
  53.               <li>1</li>
  54.               <li>2</li>
  55.             </ol>
  56.           </td>
  57.           <td>
  58.             <img
  59.               src="https://iknow-base.cdn.bcebos.com/gqzqqbbanner540280.png"
  60.               alt="月饼"
  61.               srcset=""
  62.               width="60"
  63.               height="30"
  64.             />
  65.           </td>
  66.           <!-- <td>05</td> -->
  67.         </tr>
  68.         <tr>
  69.           <td><a href="mailto:opengame@foxmail.com">发我邮件</a></td>
  70.           <td>
  71.             <p>2<sup>64</sup>=18446744073709551616 下标<sub>64</sub></p>
  72.           </td>
  73.           <td>
  74.             <dl>
  75.               <dt>dt1</dt>
  76.               <dd>dt1dd1</dd>
  77.               <dd>dt1dd2</dd>
  78.               <dt>dt2</dt>
  79.               <dd>dt2dd1</dd>
  80.             </dl>
  81.           </td>
  82.           <td></td>
  83.           <!-- <td>05</td> -->
  84.         </tr>
  85.         <tr>
  86.           <td><a href="tel:15733165327">打我电话</a></td>
  87.           <td>
  88.             <p>我不存在了<del>9999.99</del></p>
  89.           </td>
  90.           <td>
  91.             <ol start="8" role="cell">
  92.               <li>开始为8</li>
  93.               <li>开始为8</li>
  94.               <li>开始为8</li>
  95.             </ol>
  96.           </td>
  97.           <td></td>
  98.           <!-- <td>05</td> -->
  99.         </tr>
  100.         <tr>
  101.           <td>
  102.             <a href="../outline/2-链接元素.md" download="链接元素.md"
  103.               >文档下载</a
  104.             >
  105.           </td>
  106.           <td><address>址址没什么</address></td>
  107.           <td>
  108.             <ol reversed>
  109.               <li>我是倒序</li>
  110.               <li>我是倒序</li>
  111.               <li>我是倒序</li>
  112.             </ol>
  113.           </td>
  114.           <td></td>
  115.           <!-- <td>05</td> -->
  116.         </tr>
  117.         <tr>
  118.           <td><a href="#table250row">跳到下边</a></td>
  119.           <td>
  120.             <progress max="10" value="9">完成多少？</progress>
  121.           </td>
  122.           <td>
  123.             <!-- <ol style="list-style-type: upper-alpha">
  124.             <ol style="list-style-type: lower-alpha">   -->
  125.             <ol style="list-style-type: upper-alpha">
  126.               <li>字母序号</li>
  127.               <li>字母序号</li>
  128.               <li>字母序号</li>
  129.             </ol>
  130.           </td>
  131.           <td></td>
  132.           <!-- <td>05</td> -->
  133.         </tr>
  134.       </tbody>
  135.     </table>
  137.     <table
  138.       border="1"
  139.       width="3000"
  140.       cellspacing="0"
  141.       cellpadding="5"
  142.       height="400"
  143.       align="center"
  144.     >
  145.       <caption style="font-size: 1.5rem; margin-bottom: 15px">
  146.         表格与链接
  147.       </caption>
  148.       <thead>
  149.         <th colspan="2">分类/序号</th>
  150.         <th>品名</th>
  151.         <th>数量</th>
  152.         <th>单价</th>
  153.         <th>金额</th>
  154.       </thead>
  155.       <tbody>
  156.         <tr class="row01">
  157.           <td rowspan="3" class="col01" id="col1row1">
  158.             <a href="#col50row1">右</a>
  159.           </td>
  160.           <td class="col02"></td>
  161.           <td class="col03"></td>
  162.           <td class="col04"></td>
  163.           <td class="col04"></td>
  164.           <td class="col50" id="col50row1" align="right">
  165.             <a href="#col1row1">左</a>
  166.           </td>
  167.         </tr>
  168.         <tr>
  169.           <!-- <td></td> -->
  170.           <td></td>
  171.           <td></td>
  172.           <td></td>
  173.           <td></td>
  174.           <td></td>
  175.         </tr>
  176.         <tr>
  177.           <!-- <td></td> -->
  178.           <td></td>
  179.           <td></td>
  180.           <td></td>
  181.           <td></td>
  182.           <td></td>
  183.         </tr>
  184.         <tr>
  185.           <td rowspan="4"></td>
  186.           <td></td>
  187.           <td></td>
  188.           <td></td>
  189.           <td></td>
  190.           <td></td>
  191.         </tr>
  192.         <tr>
  193.           <!-- <td></td> -->
  194.           <td></td>
  195.           <td></td>
  196.           <td></td>
  197.           <td></td>
  198.           <td></td>
  199.         </tr>
  200.         <tr>
  201.           <!-- <td></td> -->
  202.           <td></td>
  203.           <td></td>
  204.           <td></td>
  205.           <td></td>
  206.           <td></td>
  207.         </tr>
  208.         <tr>
  209.           <!-- <td></td> -->
  210.           <td></td>
  211.           <td></td>
  212.           <td></td>
  213.           <td></td>
  214.           <td></td>
  215.         </tr>
  216.         <tr id="table250row" class="row50">
  217.           <td class="col01" id="col1row50">
  218.             <a href="#col50row50">右</a><a href="#table11row">上表第一行</a>
  219.           </td>
  220.           <td class="col02"></td>
  221.           <td class="col03"></td>
  222.           <td class="col04"></td>
  223.           <td class="col04"></td>
  224.           <td class="col50" id="col50row50" align="right">
  225.             <a href="#col1row50">左</a><a href="#table11row">上表第一行</a>
  226.           </td>
  227.         </tr>
  228.       </tbody>
  229.     </table>
  230.   </body>
  231. </html>
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