Ces deux balises sont des conteneurs sont destinés à structurer le contenu, mais ils ont un rôle complémentaire et des règles de rendu différentes. Span sert surtout à associer un style à une partie d'un texte tandis que div sert à agencer le contenu de la page.
Rôle. La balise <span> est utilisé pour regrouper du texte ou autres éléments dans un bloc de contenu.
Par contre, <div> étant un élément n'ayant aucun sens sémantique, il ne doit en effet pas être utilisé en lieu et place d'une balise appropriée (sémantiquement) au contenu. Là, ça peut poser des soucis en terme de référencement, par exemple si tu utilise <div>Mon joli titre</div> au lieu de <h1>Mon joli titre</h1>...
Pour appliquer un style CSS spécifique, il faut identifier le div HTML avec un attribut class ou id : < div class="" > < /div >. Ensuite, les propriétés sont renseignées dans le code CSS avec les valeurs souhaitées.
Balise </div> : Division
Elle sert à structurer le document en plusieurs sections. Elle est l'alternative de la balise table pour ordonner les éléments dans une page et permet d'obtenir des présentations interressantes avec certains style CSS.
Span sert surtout à associer un style à une partie d'un texte tandis que div sert à agencer le contenu de la page. Les deux balises doivent avoir une balise de début et de fin, la forme réduite n'est pas reconnue évidemment. La balise peut être vide.
L'élément div ne possède pas d'attribut particulier. Il supporte les attributs universels comme l'ensemble des éléments HTML. Pour rappel, les attributs universels sont des attributs qui peuvent être ajoutés à tous les éléments HTML. Quelques exemples d'attributs universels communs : class , id , lang , style , title …
<span> L'élément HTML <span> est un conteneur générique en ligne (inline) pour les contenus phrasés. Il ne représente rien de particulier.
Les balises HTML correspondent à des éléments du code HTML d'une page web sur Internet. Elles sont une partie intégrante de la composition de la page puisqu'elles permettent de mettre en forme et de structurer les contenus.
L' élément HTML span est un conteneur en ligne générique pour les éléments et le contenu en ligne. Il est utilisé pour regrouper des éléments à des fins de style (en utilisant les attributs class ou id), une meilleure façon de l'utiliser lorsqu'aucun autre élément sémantique n'est disponible.
L'attribut id assigne un nom à l'élément sur lequel il s'applique. Pour un balisage correct, il ne peut y avoir qu'un et un seul élément avec ce nom. L'attribut class assigne une nom de classe à un élément. Ce nom peut être utilisé sur plusieurs éléments dans la même page.
En HTML, si dans votre texte, vous faites un espace avec la barre d'espace, vous aurez un espace. Si vous en faites 4, 10 ou 100, vous n'aurez qu'un espace dans la page web. Tapez pour avoir une espace insécable.
Pour créer une liste en HTML, on utilise les balises HTML <ul></ul> et pour remplir cette liste d'éléments on utilise les balises <li></li> pour définir un élément de la liste.
La fonctionnalité de validation HTML5 la plus simple à utiliser est l'attribut required } — si vous voulez rendre une entrée obligatoire, vous pouvez marquer l'élément en utilisant cet attribut.
si tu veux les mettre l'un en dessous de l'autre, pourquoi les mettre en float :right ? Ce qui a pour effet de les mettre l'un à coté de l'autre... Du coup ton margin-right :5px créer ce décalage. Enlève les deux float:right, mets tes menus dans une autre div, et applique le float:right à cette div.
Structurer un site à l'aide d'un tableau
Notez au passage le code colspan=''2'' dans la ligne de la bannière, et celle du bas de page. Cette commande permet de fusionner des cellules, sur plusieurs colonnes. La commande équivalente pour fusionner des cellules sur plusieurs lignes est rowspan.
Le CSS est généralement utilisé pour séparer le contenu (HTML, XHTML, XML) de sa mise en forme. Cela permet une maintenance simplifiée selon qu'il faille en modifier son aspect ou son contenu.
La balise <body> contient la majorité des éléments de la page qui seront visualisés en ligne par l'internaute (le « corps » de la page). La balise <head>, quant à elle, donne de nombreuses indications aux moteurs de recherche mais pas seulement (la « tête » de la page).
On peut déclarer dans une page HTML quelle CSS utiliser pour réaliser la mise en forme en mobilisant l'élément <link rel="stylesheet" href="nom-du-fichier-css"> dans la partie head .
Il existe deux types de balises: des balises ouvrantes et des balises fermantes. Elles vont souvent ensemble de telle sorte que la balise ouvrante applique un effet au contenu qui la suit et la balise fermante cesse l'effet en question.