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.
Rôle. La balise <span> est utilisé pour regrouper du texte ou autres éléments dans un bloc de contenu.
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 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.
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 <span> est un conteneur générique en ligne (inline) pour les contenus phrasés. Il ne représente rien de particulier.
Cette différence est due au fait que les éléments div et span sont de niveau ou au « type » différents : l'élément div est un élément de niveau block tandis que l'élément span est un élément de niveau inline .
Dans le code html, il faudra donc cette fois indiquer un id ( id="menu" et id="contenu" ) à la place de la syntaxe class . Il n'aura pas échappé à votre sagacité qu'un id non déclaré dans les styles est venu se glisser dans la balise de titre h1 ( id="haut" ).
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.
Pour la rendre responsive, enlever toute occurence à une width ou height fixe. Préférer les %. Ensuite, avec un positionnement absolut c'est assez difficile de faire du responsive dans le sens où lorsque tu vas réduire ta fenêtre, ton formulaire ne sera jamais là où tu le souhaite selon la taille de l'écran.
L'élément HTML <em> (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister.
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.
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.
Les paragraphes sont définis par la balise <p> </p> , et les sauts de ligne par la balise <br /> .
L'élément HTML <head> fournit des informations générales (métadonnées) sur le document, incluant son titre et des liens ou des définitions vers des scripts et feuilles de style. Note : L'élément <head> contient principalement des données destinées au traitement automatisé et pas nécessairement lisibles par des humains.
L'élément HTML <section> représente une section générique d'un document, par exemple un groupe de contenu thématique. Une section commence généralement avec un titre.
<br> : l'élément de saut de ligne. L'élément HTML <br> crée un saut de ligne (un retour chariot) dans le texte. Il s'avère utile lorsque les sauts de ligne ont une importance (par exemple lorsqu'on écrit une adresse ou un poème).
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.
CSS (Cascading Style Sheets) permet de créer des pages web à l'apparence soignée.
La propriété padding est une propriété raccourcie qui permet de définir les différents écarts de remplissage sur les quatre côtés d'un élément (cf. les boîtes CSS). Elle synthétise padding-top , padding-right , padding-bottom , padding-left .
Quand vous voulez appliquer un style à un bloc ou un élément spécifique, utilisez un attribut id . Ces caractéristiques de style ne seront appliquées que sur cet id particulier. Quand vous voulez appliquer un style à plusieurs blocs ou éléments dans la même page, utilisez un attribut class .
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"
<p> : l'élément paragraphe. L'élément HTML <p> représente un paragraphe de texte. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée.