HTML使用表格寫首頁

墨辰丷
發布: 2018-05-11 13:49:06
原創
2385 人瀏覽過

本篇文章主要介紹如何利用表格寫網站首頁,簡單的使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板