Maison > interface Web > tutoriel HTML > HTML utilise des tableaux pour écrire la page d'accueil

HTML utilise des tableaux pour écrire la page d'accueil

墨辰丷
Libérer: 2018-05-11 13:49:06
original
2417 Les gens l'ont consulté

Cet article présente principalement comment utiliser des tableaux pour rédiger la page d'accueil d'un site Web. Utilisez simplement la balise table et ses sous-balises pour insérer des caractères chinois dans les images. Vous pouvez également utiliser l'imbrication pour la compléter. Les amis intéressés peuvent s'y référer.

Affichage des codes

<!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>
Copier après la connexion

Recommandations associées :

Tableau d'opération angulaire Trier le tableau

Comment faire défiler le tableau table dans element-ui

Comment implémenter le tableau table en utilisant jquer Échange de lignes et de colonnes

Comment ajouter la fonction d'ellipses dans le tableau

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal