Blogger Information
Blog 30
fans 0
comment 0
visits 22532
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0929作业-链接元素与表格合并等
归宿的博客
Original
572 people have browsed it

0929 作业

1.链接元素

  • a 标签
    <a href="http://www.itbaishi.com" target="_black">IT百事网</a>
    如:点击此处跳转

    a 标签,点击文本跳转到指定网址,属性


  • img 标签
    <img src="https://img.php.cn/upload/course/000/117/584/5a9cab0d2885c386.jpg />

    如下:
    php图片


  • 锚链接
    <a href="#bottom" alt="点击到底部"> 直达底部 </a>
    <div id="bottom" style"margin-top:1000px> 我是底部 </div>

2.表格中的行与列的合并示例

  1. <body>
  2. <table
  3. border="1"
  4. cellspacing="0"
  5. align="center"
  6. width="600"
  7. cellpadding="5"
  8. >
  9. <caption style="line-height: 5rem; font-size: 2rem">
  10. 商品采购清单
  11. </caption>
  12. <!-- 自定义列样式 -->
  13. <col style="background-color: aqua" />
  14. <col style="background-color: aqua" />
  15. <col style="background-color: lightcoral" />
  16. <col style="background-color: lightcoral" />
  17. <col style="background-color: lightslategray" />
  18. <col style="background-color: lightslategray" />
  19. <thead>
  20. <tr align="center">
  21. <th colspan="2" rowspan="2"></th>
  22. <th colspan="2">好乐买</th>
  23. <th colspan="2">银泰网</th>
  24. <th colspan="2">西街网</th>
  25. </tr>
  26. <tr align="center">
  27. <!-- <td colspan="2"></td> -->
  28. <td>nike男鞋</td>
  29. <td>puma男外套</td>
  30. <td>李宁跑步</td>
  31. <td>李宁长裤</td>
  32. <td>kappa跑鞋</td>
  33. <td>nike夹克</td>
  34. </tr>
  35. </thead>
  36. <tbody>
  37. <tr align="center">
  38. <td rowspan="6">价格对比</td>
  39. <td>好乐买</td>
  40. <td>329</td>
  41. <td>319</td>
  42. <td></td>
  43. <td></td>
  44. <td>393</td>
  45. <td>无货</td>
  46. </tr>
  47. <tr align="center">
  48. <td>银泰网</td>
  49. <td>499</td>
  50. <td>无货</td>
  51. <td>179</td>
  52. <td>119</td>
  53. <td>无货</td>
  54. <td>无货</td>
  55. </tr>
  56. <tr align="center">
  57. <td>西街网</td>
  58. <td>344</td>
  59. <td>无货</td>
  60. <td>181</td>
  61. <td>无货</td>
  62. <td>371</td>
  63. <td>296</td>
  64. </tr>
  65. <tr align="center">
  66. <td>淘宝</td>
  67. <td>339</td>
  68. <td>309</td>
  69. <td>139</td>
  70. <td>109</td>
  71. <td>296</td>
  72. <td>244</td>
  73. </tr>
  74. <tr align="center">
  75. <td>乐淘</td>
  76. <td>320</td>
  77. <td>--</td>
  78. <td>198</td>
  79. <td>--</td>
  80. <td>398</td>
  81. <td>--</td>
  82. </tr>
  83. <tr align="center">
  84. <td>凡客诚品</td>
  85. <td>--</td>
  86. <td>--</td>
  87. <td>--</td>
  88. <td>--</td>
  89. <td>--</td>
  90. <td>--</td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. </body>

问题:请问怎么在markdown中显示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