Community Learn Tools Library Leisure
search
English
Home > List of blog posts > A链接的用法和table的用法
Blogger Information
Blog 10
fans 0
comment 0
visits 7979
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
A链接的用法和table的用法
php还在初学
Original
754 people have browsed it

A链接用法

  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>A链接用法</title>
  7.   </head>
  8.   <body>
  9.     <div id="top"></div>
  10.     <a href="https://www.php.cn">php中文网</a>
  11.     <a href="http://www.baidu.com" target="_blank">百度</a>
  12.     <a href="1.jpg" download="图片">图片下载</a>
  13.     <a href="tel:15000000000">给我打电话</a>
  14.     <a href="mailto:111@qq.com">给我发邮件</a>
  15.     <a href="#footer">这是一个锚点哦，可以直接让你到最底部</a>
  16.     <div id="footer" style="margin-top: 5000px; background-color: blueviolet">
  17.       最底部
  18.       <a href="#top">返回最上面</a>
  19.     </div>
  20.   </body>
  21. </html>

table用法

  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.     <table border="1" align="center" cellspacing="0" cellpadding="10">
  10.       <caption style="margin: 10px; font-size: 1.5rem;font-family:"微软雅黑">
  11.         商品采购入库单
  12.       </caption>
  13.       <tr style="background-color: aqua">
  14.         <th>商品id</th>
  15.         <th>商品编码</th>
  16.         <th>商品名称</th>
  17.         <th>规格型号</th>
  18.         <th>数量</th>
  19.         <th>单价</th>
  20.         <th>金额</th>
  21.         <th>备注</th>
  22.       </tr>
  23.       <tr>
  24.         <td>1</td>
  25.         <td>01.001</td>
  26.         <td>华为手机</td>
  27.         <td>mate30</td>
  28.         <td>5</td>
  29.         <td>5000</td>
  30.         <td>25000</td>
  31.         <td rowspan="6">支持国货，支持国产</td>
  32.       </tr>
  33.       <tr>
  34.         <td>2</td>
  35.         <td>01.002</td>
  36.         <td>华为笔记本</td>
  37.         <td>p40</td>
  38.         <td>10</td>
  39.         <td>4000</td>
  40.         <td>40000</td>
  42.       </tr>
  43.       <tr>
  44.         <td>3</td>
  45.         <td>01.003</td>
  46.         <td>华为笔记本</td>
  47.         <td>p40</td>
  48.         <td>10</td>
  49.         <td>4000</td>
  50.         <td>40000</td>
  52.       </tr>
  53.       <tr>
  54.         <td>4</td>
  55.         <td>01.004</td>
  56.         <td>华为笔记本</td>
  57.         <td>p40</td>
  58.         <td>10</td>
  59.         <td>4000</td>
  60.         <td>40000</td>
  62.       </tr>
  63.       <tr>
  64.         <td>5</td>
  65.         <td>01.005</td>
  66.         <td>华为笔记本</td>
  67.         <td>p40</td>
  68.         <td>10</td>
  69.         <td>4000</td>
  70.         <td>40000</td>
  72.       </tr>
  73.       <tr>
  74.         <td>6</td>
  75.         <td>01.006</td>
  76.         <td>华为笔记本</td>
  77.         <td>p40</td>
  78.         <td>10</td>
  79.         <td>4000</td>
  80.         <td>40000</td>
  82.       </tr>
  83.       <tr style="background-color: cadetblue;"><td colspan="4" align="center">合计数：</td><td>55</td>
  84.       <td></td>
  85.       <td>225000</td>
  86.       <td></td>
  87.     </tr>
  88.     </table>
  89.   </body>
  90. </html>

效果图

Correcting teacher：天蓬老师天蓬老师

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