HTML完成我的校园网页实现 HTML+CSS
2023-06-16 20:26:09

网页代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>西安培华学院-首家走向百年的民办大学</title>
  6. </head>
  7. <body>
  8. <table border="0" cellspacing="0" width="1900" bgcolor="#D4143C">
  9. <tr>
  10. <td> </td>
  11. <td><img src="https://www.peihua.cn/image/logo.png" alt="" height="150" width="150"></td>
  12. <td align="right" style="color: aliceblue;"><font size="5">未来学生|</font></td>
  13. <td align="right" style="color: aliceblue;"><font size="5">在校学生|</font></td>
  14. <td align="right" style="color: aliceblue;"><font size="5">教师邮箱|</font></td>
  15. <td align="right"style="color: aliceblue;"><font size="5">学生邮箱|</font></td>
  16. <td align="right" style="color: aliceblue;"><font size="5">全景培华|</font></td>
  17. <td align="right" style="color: aliceblue;"><font size="5">English|</font></td>
  18. <td align="center" style="color: aliceblue;"><font size="5"><input type="text"></font></td>
  19. <td><img src="https://p.qpic.cn/qidian_pic/2852169027/201905235785b1d20be85c3c3c0a4fd80fd3de69/0" height="150" width="150"></td>
  20. </tr>
  21. </table>
  22. <table border="0" cellspacing="0" width="1900">
  23. <tr><td align="right"><font size="5">走进培华</font></td>
  24. <td align="right"><font size="5">院系设置</font></td>
  25. <td align="right
  26. "><font size="5">教育教学</font></td>
  27. <td align="center"><font size="5">科学研究</font></td>
  28. <td align="center"><font size="5">创新创业</font></td>
  29. <td align="center"><font size="5">招生就业</font></td>
  30. <td align="center"><font size="5">对外交流</font></td>
  31. <td align="center"><font size="5">党团建设</font></td>
  32. <td align="center"><font size="5">维之图书馆</font></td>
  33. <td align="center"><font size="5">数字化校园平台</font></td>
  34. </tr>
  35. </table>
  36. <table border="0" cellspacing="0" width="1900">
  37. <tr>
  38. <td><img src="https://www.peihua.cn/images/dongmenguanwanglunbo20211108.jpg" alt="" width="1900"></td>
  39. </tr>
  40. </table>
  41. <table border="0" cellspacing="0" width="1500" align="center">
  42. <tr>
  43. <td style="color:#D4143C ;"><h2>培华要闻</h2></td>
  44. <td></td>
  45. <td align="right">更多>></td>
  46. </tr>
  47. <tr>
  48. <td><img src="https://www.peihua.cn/__local/3/4E/8D/8D2B7D7116091A8E3F87269632A_8890690E_28D8D.png" width="400" height="231" alt=""><p>图书馆发挥劳动育人优势开展劳动实践活动</p></td>
  49. <td><img src="https://www.peihua.cn/__local/1/4E/D4/7B9C913B7595FA1D987E94C0BA6_FFBEFA5B_9DF28.png" width="400" height="231" alt=""><p>陕西省中国画研究院院长张毅教授向学校捐赠个人书画作品</p></td>
  50. <td><img src="https://www.peihua.cn/__local/C/51/93/C2AFC4685DB29E5990E6E1D6332_C58464D5_96BA0.png" width="400" height="231" alt=""><p>学校劳动教育教研室召开2022-2023学年秋季学期教学部署会</p></td>
  51. </tr>
  52. </table>
  53. <table border="0" cellspacing="0" width="1700" align="center">
  54. <tr>
  55. <td style="color:#D4143C ;" align="left" width="400"><h1>新闻动态</h1></td>
  56. <td align="center" width="600">更多>></td>
  57. <td style="color:#D4143C ;" align="left" width="450"><h1>媒体培华</h1></td>
  58. <td align="center" width="350">更多>></td>
  59. </tr>
  60. <tr>
  61. <td rowspan="7"><img src="https://www.peihua.cn/__local/3/3B/42/1DA777705566D673D1FB363C392_79201083_37393.png" alt="" width="330" height="240"></td>
  62. <td width="600"><p>图书馆发挥教育人优势开展劳动实践活动...2022-11-08</p></td>
  63. <td width="450"><p>西安商网:秦创原长安大学城...</p></td>
  64. <td width="350"><p>2022-10-31</p></td>
  65. </tr>
  66. <tr><td width="600"><p>陕西省中国画研究院长张毅向学校捐赠...2022-11-04</p></td>
  67. <td width="450"><p>中国教育在线:秦创原长安大...</p></td>
  68. <td width="350"><p>2022-10-31</p></td>
  69. </tr>
  70. <tr>
  71. <td width="600"><p>西安培华学院与新长安投资集团签署战略合作...2022-11-04</p></td>
  72. <td width="450"><p>中国青年网:秦创原长安大学...</p></td>
  73. <td width="350"><p>2022-10-31</p></td></tr>
  74. <tr>
  75. <td width="600"><p>学校省级学生工作精品项目和研究课题...2022-11-03</p></td>
  76. <td width="450"><p>界面新闻:秦创原长安大学城...</p></td>
  77. <td width="350"><p>2022-10-31</p></td></tr>
  78. <tr>
  79. <td width="600"><p>2022年新入职教师岗前培训督导检查工作...2022-11-03</p></td>
  80. <td width="450"><p>国际在线:秦创原长安大学城...</p></td>
  81. <td width="350"><p>2022-10-31</p></td></tr>
  82. <tr>
  83. <td width="600"><p>培华学生在全国大学生先进成图技术与产品...2022-11-02</p></td>
  84. <td width="450"><p>腾讯新闻:秦创原长安大学城...</p></td>
  85. <td width="350"><p>2022-10-30</p></td></tr>
  86. <tr>
  87. <td width="600"><p>学校劳动教育教研室召开2022-2023学年秋季...2022-11-04</p></td>
  88. <td width="450"><p>搜狐新闻:秦创原长安大学城...</p></td>
  89. <td width="350"><p>2022-10-30</p></td></tr>
  90. </table>
  91. <table border="0" cellspacing="0" width="1900" bgcolor="#D4143C">
  92. <tr>
  93. <td rowspan="5"><img src="https://www.peihua.cn/image/d100.png" alt=""></td>
  94. <td colspan="2" align="center" style="color: aliceblue;">友情链接:中华人民共和国教育部|陕西省教育厅|中国教育信息网|中国教育考试网|陕西传媒网</td>
  95. <td></td>
  96. </tr>
  97. <tr>
  98. <td align="left" style="color: aliceblue;">长安校区</td>
  99. <td align="left" style="color: aliceblue;">高新校区</td>
  100. </tr>
  101. <tr>
  102. <td align="left" style="color: aliceblue;" height="40">地址:西安市长安区常宁大街888号</td>
  103. <td align="left" style="color: aliceblue;">地址:西安市高新区白沙路南段2号</td>
  104. </tr>
  105. <tr>
  106. <td align="left" style="color: aliceblue;">电话:029-85680000</td>
  107. <td align="left" style="color: aliceblue;">电话:029-85680000</td>
  108. </tr>
  109. <tr>
  110. <td align="left" style="color: aliceblue;">邮编:710125</td>
  111. <td align="left" style="color: aliceblue;">邮编:710065</td>
  112. </tr>
  113. </table>
  114. </body>
  115. </html>