查看: 761|回复: 0

[HTML代码] html1练习

发表于 2018-1-28 10:06:49
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="web1.css">
  4. </head>
  5. <body>
  6. <p><h1>努力啦</h1></h1></p>
  7. <p><strong>无序列表</strong></p>
  8. <ul>
  9. <li>傻X</li>
  10. <li>虽然下雪了</li>
  11. <li>但是还是冷</li>
  12. <li>折腾自己</li>
  13. <li>如果没有如果</li>
  14. </ul>
  15. <p><strong>有序列表</strong></p>
  16. <ol>
  17. <li>傻X</li>
  18. <li>虽然下雪了</li>
  19. <li>但是还是冷</li>
  20. <li>折腾自己</li>
  21. <li>如果没有如果</li>
  22. </ol>
  23. <div>
  24. <ul>
  25. <li><h3><span>我的网站</span></h3></li>
  26. <ul>
  27. <li><h3><span>一级菜单</span></h3></li>
  28. <ul>
  29. <li><h3><span>二级菜单</span></h3></li>
  30. <li><h3><span>二级菜单</span></h3></li>
  31. </ul>
  32. </ul>
  33. </ul>
  34. </div>
  35. </body>
  36. </html>
  37. <table border="2">
  38. <thead>
  39. <th>内容</th>
  40. <th>图标</th>
  41. <th>时长</th>
  42. </thead>
  43. <tr>
  44. <td>python</td>
  45. <td><img src= "a.png" alt=""></td>
  46. <td>30小时</td>
  47. </tr>
  48. <tr>
  49. <td>html</td>
  50. <td><img src="a.png" alt=""></td>
  51. <td>20小时</td>
  52. </tr>
  53. <tr>
  54. <td>java</td>
  55. <td><img src="a.png" alt=""></td>
  56. <td>40小时</td>
  57. </tr>
  58. </table>
  59. ##############CSS FILE################
  60. h1{
  61. color :red;
  62. }
  63. p{
  64. color:yellow;
  65. }
  66. li{
  67. color:blue;
  68. }
  69. body{
  70. background-color:black;
  71. }
  72. div{
  73. background-color:orange;
  74. border-color:blue;
  75. border-width:4px;
  76. border-style:double;
  77. }
  78. span{
  79. background-color:green;
  80. }
  81. th{
  82. color:white;
  83. }
  84. td{
  85. color:white;
  86. }
复制代码

html1练习



回复

使用道具 举报