首頁 > 文章 > web前端 > HTML使用表格寫首頁

HTML使用表格寫首頁

墨辰丷原創: 2018-05-11 13:49:062372瀏覽

本篇文章主要介紹如何利用表格寫網站首頁，簡單的使用table標籤與其子標籤實現圖片漢字的插入，在此也可以使用嵌套的方式完成。有興趣的小夥伴參考下。

程式碼展示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML表格练习之大学首页信息</title>
</head>
<body>
<table border="0" width="100%" height="100%">
  <tr>
       <td colspan="2"><img src="img/4.jpg.png"></td>
  </tr>
  <tr>
       <td align="center" height="60px" bgcolor="royalblue" width="100%" ><a href="#"><font  face="宋体" color="white" size="4">网站首页   学校概况   教学单位   机构设置   人才培养   学术研究   招生就业   合作交流   校园生活</font></a></td>
       
  </tr>
  <tr>
       <td><img  alt="校园会议" src="img/2.jpg"></td>
  </tr>
      <tr>
       <td align="center"><img src="img/5.jpg"></td>
  </tr>
  <tr>
       <td align="center"><img src="img/3.jpg"></td>
       
  </tr>
  <tr>
       <td><img src="img/6.jpg"/></td>
  </tr>

</table>
</body>
</html>

相關推薦：

Angular操作table表格使其排序

在element-ui中table表格怎樣捲動載入

怎麼用jquer實作table表格行列互換

table表格裡怎麼增加省略號功能

以上是HTML使用表格寫首頁的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html噹當網首頁實例下一篇：html噹當網首頁實例

看更多