Comment utiliser et afficher HTML DIV tags

December 3

HTML moderne prescrit un tableau de balises sémantiques, l'un d'être balises DIV les plus courantes, qui sont utilisés pour organiser et structurer un document. Ce sont des éléments de niveau de bloc, ce qui signifie que, même sans instructions de formatage supplémentaires, ils vont ajouter des sauts de page avant et après le contenu. Pour le contenu qui est logiquement séparé de son environnement, la balise SPAN est un meilleur choix.

Instructions

1 Considérez comment vous souhaitez une page à être structuré. Par exemple, il pourrait y avoir une section de navigation, une section de corps, une barre latérale, un pied de page et plus encore. Chacun de ceux-ci devraient être regroupées dans sa propre unité logique, adressable avec une balise HTML DIV.

2 Pour chaque unité logique, créez une balise DIV. Par exemple, tout le contenu du corps irait dans un DIV qui ressemble à ceci: <div id = "corps"> Contenu Goes Here </ div> L'attribut id indique qu'il ne devrait y avoir un élément de corps par page. Le </ div> est une balise de fermeture qui nous indique l'étiquette est terminée.

3 Comprendre que, parfois, est prévu une unité logique de se produire plus d'une fois par page. Par exemple, une entrée de livre peut être enfermé dans une balise DIV, et il peut y avoir plusieurs de ces derniers sur la même page, tout le même style. Lorsque tel est le cas, un attribut de classe est utilisé au lieu d'un attribut id: <div class = "entry"> Contenu Goes Here </ div>

4 Lorsque vous utilisez une feuille de style CSS pour ajouter des styles à vos balises, une balise DIV avec id attributs est accessible différemment d'un DIV avec des attributs de classe. A DIV avec id attributs est référencé avec un signe dièse, et un DIV avec attributs de classe est précédée d'une période. # Contenu {styles pour DIV avec id = "content" go here} .entry {styles pour DIV class = "entrée " va ici }


          

Post a comment: