Le meilleur didacticiel mise en page HTML en 2024, dans ce didacticiel, vous pouvez apprendre exemples en ligne,mise en page du site,HTML Layout - Utilisation élément <div>,Exemples,HTML mise en page - en utilisant des tables,Exemples,HTML Layout - Conseils utiles,Les balises HTML de mise en page,
Mise en page pour améliorer l'apparence du site est très important.
S'il vous plaît concevoir soigneusement votre mise en page.
Mise en page en utilisant l'élément <div>
Comment utiliser l'élément <div> à la mise en page.
Utiliser la mise en page <table>
Comment utiliser l'élément <table> pour la mise en page.
La plupart des sites de contenu dans une pluralité de colonnes (comme un magazine ou d'un journal).
La plupart des sites peuvent utiliser les <div> ou <table> éléments pour créer plusieurs colonnes. CSS est utilisé pour positionner les éléments, ou de créer un arrière-plan et l'apparence colorée de la page.
Bien que nous pouvons utiliser la balise HTML table pour concevoir une belle mise en page, mais la balise table est pas recommandé pour une utilisation comme outil de mise en page - pas un outils de table de mise en page. |
élément div est un élément de niveau bloc utilisé pour regrouper les éléments HTML.
L'exemple suivant utilise cinq éléments div pour créer plusieurs colonnes mise en page:
Le code HTML ci-dessus donne les résultats suivants:
Utilisez HTML balise <table> est de créer une mise en page d'une manière simple.
La plupart des sites peuvent utiliser les <div> ou <table> éléments pour créer plusieurs colonnes. CSS est utilisé pour positionner les éléments, ou de créer un arrière-plan et l'apparence colorée de la page.
Même si vous pouvez utiliser des tables HTML pour créer une belle mise en page, mais le but est de présenter les données sous forme de tableau de table design - pas de table outil de mise en page! |
L'exemple suivant utilise trois rangées de deux tables - la première et la dernière ligne utilise l'attribut colspan pour couvrir deux:
Le code HTML ci-dessus donne les résultats suivants:
Astuce: les plus grands avantages de l' utilisation de CSS est que si le code CSS est stocké dans une feuille de style externe, puis le site sera plus facile à entretenir.En éditant un seul fichier, vous pouvez modifier la mise en page pour toutes les pages. Pour en savoir plus sur CSS, visitez notre tutoriel CSS .
Astuce: En raison de créer la mise en page avancée est consommatrice de temps très, en utilisant un modèle est une option rapide.vous pouvez Grâce à un moteur de recherche trouver beaucoup de modèles gratuits de site (Vous pouvez utiliser ces aménagement du site préconstruit, et les optimiser).
标签 | 描述 |
---|---|
<div> | 定义文档区块,块级(block-level) |
<span> | 定义 span,用来组合文档中的行内元素。 |