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. 			
  53. 		</table>
  54. 		<table border="0" cellspacing="0" width="1700" align="center">
  55. 			<tr>
  56. 				<td style="color:#D4143C ;" align="left" width="400"><h1>新闻动态</h1></td>
  57. 				<td align="center" width="600">更多>></td>
  58. 				<td style="color:#D4143C ;" align="left" width="450"><h1>媒体培华</h1></td>
  59. 				<td align="center" width="350">更多>></td>
  60. 			</tr>
  61. 			<tr>
  62. 				<td rowspan="7"><img src="https://www.peihua.cn/__local/3/3B/42/1DA777705566D673D1FB363C392_79201083_37393.png" alt="" width="330" height="240"></td>
  63. 				<td width="600"><p>图书馆发挥教育人优势开展劳动实践活动...2022-11-08</p></td>
  64. 				<td width="450"><p>西安商网：秦创原长安大学城...</p></td>
  65. 				<td width="350"><p>2022-10-31</p></td>
  66. 			</tr>
  67. 			<tr><td width="600"><p>陕西省中国画研究院长张毅向学校捐赠...2022-11-04</p></td>
  68. 				<td width="450"><p>中国教育在线：秦创原长安大...</p></td>
  69. 				<td width="350"><p>2022-10-31</p></td>
  70. 			</tr>
  71. 			<tr>
  72. 				<td width="600"><p>西安培华学院与新长安投资集团签署战略合作...2022-11-04</p></td>
  73. 				<td width="450"><p>中国青年网：秦创原长安大学...</p></td>
  74. 				<td width="350"><p>2022-10-31</p></td></tr>
  75. 			<tr>
  76. 				<td width="600"><p>学校省级学生工作精品项目和研究课题...2022-11-03</p></td>
  77. 				<td width="450"><p>界面新闻：秦创原长安大学城...</p></td>
  78. 				<td width="350"><p>2022-10-31</p></td></tr>
  79. 			<tr>
  80. 				<td width="600"><p>2022年新入职教师岗前培训督导检查工作...2022-11-03</p></td>
  81. 				<td width="450"><p>国际在线：秦创原长安大学城...</p></td>
  82. 				<td width="350"><p>2022-10-31</p></td></tr>
  83. 			<tr>
  84. 				<td width="600"><p>培华学生在全国大学生先进成图技术与产品...2022-11-02</p></td>
  85. 				<td width="450"><p>腾讯新闻：秦创原长安大学城...</p></td>
  86. 				<td width="350"><p>2022-10-30</p></td></tr>
  87. 			<tr>
  88. 				<td width="600"><p>学校劳动教育教研室召开2022-2023学年秋季...2022-11-04</p></td>
  89. 				<td width="450"><p>搜狐新闻：秦创原长安大学城...</p></td>
  90. 				<td width="350"><p>2022-10-30</p></td></tr>
  91. 		</table>
  92. 		<table border="0" cellspacing="0" width="1900" bgcolor="#D4143C">
  93. 			<tr>
  94. 				<td rowspan="5"><img src="https://www.peihua.cn/image/d100.png" alt=""></td>
  95. 				<td colspan="2" align="center" style="color: aliceblue;">友情链接：中华人民共和国教育部|陕西省教育厅|中国教育信息网|中国教育考试网|陕西传媒网</td>
  96. 				<td></td>
  97. 			</tr>
  98. 			<tr>
  99. 				<td align="left" style="color: aliceblue;">长安校区</td>
  100. 				<td align="left" style="color: aliceblue;">高新校区</td>
  101. 			</tr>
  102. 			<tr>
  103. 				<td align="left" style="color: aliceblue;" height="40">地址：西安市长安区常宁大街888号</td>
  104. 				<td align="left" style="color: aliceblue;">地址：西安市高新区白沙路南段2号</td>
  105. 			</tr>
  106. 			<tr>
  107. 				<td align="left" style="color: aliceblue;">电话：029-85680000</td>
  108. 				<td align="left" style="color: aliceblue;">电话：029-85680000</td>
  109. 			</tr>
  110. 			<tr>
  111. 				<td align="left" style="color: aliceblue;">邮编：710125</td>
  112. 				<td align="left" style="color: aliceblue;">邮编：710065</td>
  113. 			</tr>
  114. 		</table>
  115. 		
  116. 	</body>
  117. </html>
湘ICP备2023012527号-1