Rôle. La balise <span> est utilisé pour regrouper du texte ou autres éléments dans un bloc de contenu.
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.
Le div a un rôle structurant. C'est un élément de type block . Le plus souvent il est utilisé comme un conteneur pour encapsuler d'autres éléments. Le span est un élément de type inline .
Il est plutôt utilisé pour regrouper le contenu afin qu'il puisse être facilement stylé à l'aide des attributs class ou id , pour marquer une section d'un document comme étant écrite dans une langue différente (à l'aide de l'attribut lang ), etc. Contenu de flux, contenu tangible.
L'élément HTML <em> (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister. Les éléments <em> peuvent être imbriqués, chaque degré d'imbrication indiquant un degré d'insistance plus élevé.
<ul> L'élément HTML <ul> représente une liste d'éléments sans ordre particulier. Il est souvent représenté par une liste à puces.
L'élément HTML <b> permet d'attirer l'attention du lecteur sur un contenu qui n'a pas, pour autant, d'importance significative. Anciennement utilisé pour mettre le texte en gras. Cet élément ne doit pas être utilisé pour mettre en forme des éléments, c'est la propriété CSS font-weight qu'il faut utiliser.
Rôle. La balise <span> est utilisé pour regrouper du texte ou autres éléments dans un bloc de contenu.
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.
L'élément HTML <footer> représente le pied de page de la section ou de la racine de sectionnement la plus proche. Un élément <footer> contient habituellement des informations sur l'autrice ou l'auteur de la section, les données relatives au droit d'auteur (copyright) ou les liens vers d'autres documents en relation.
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>...
Code (x)html
Le principe est très simple : on divise chaque élément de la page par un div . La page se divise en quatre sections, chacune correspondant à une zone précise de la page : Un en-tête : div id="entete" Un menu : div id="menu"
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.
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.
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.
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 insérer un commentaire HTML, il faut utiliser la balise < ! -- -- > et placer le texte entre les deux double-tirets. Exemples : < ! -- je commente ici pour rappel -- > ; < !
Sélecteur Css précédé par
Le sélecteur Css ~ permet de sélectionner tous les éléments Y qui sont situés après l'élément X et ayant le même parent. Le sélecteur Css ~ s'écrit : X ~ Y. - X : un des types de sélecteur Css, représente l'élément qui doit précéder Y.
<strong> : l'élément de haute importance. L'élément HTML <strong> indique que le texte a une importance particulière ou un certain sérieux voire un caractère urgent. Cela se traduit généralement par un affichage en gras.
Définition de la balise H1
Le h1 est une balise HTML qui indique un titre sur un site web. Le langage HTML a six balises titres différentes – h1, h2, etc. Le h1 est considéré comme le titre le plus important et le h6 est le moins important.
La balise « strong » permet de mettre en gras un extrait de texte, elle permet de signifier que le contenu qui s'y trouve est « plus important » alors que la balise « em » permet de mettre un texte en italique.