L'attribut class spéficifie un ou plusieurs noms de classe à un élément HTML. Il est utilisé en CSS pour cibler l'élément HTML ou en Javascript pour changer la présentation de l'élément HTML.
L'attribut universel class indique une liste de classes associées à l'élément courant. Les classes permettent de manipuler les éléments, via CSS ou JavaScript en utilisant les sélecteurs de classe ou des fonctions telles que document.
Un point ou un symbole » . ” est utilisé, suivi du nom de la classe. Ensuite, une parenthèse ouvrante et fermante » { } » est donnée dans laquelle le style CSS est déclaré. Explication : La balise <style/> est utilisée pour définir le style CSS dans un fichier .
Mettre plusieurs attributs « class= »… » les uns à la suites des autres dans la même balise n'est pas très orthodoxe … En fait c'est tout simple : Il suffit de les nommer dans un unique attribut classe, en les séparant par un espace !
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 .
Pour appliquer des styles à une classe, il va suffire en CSS d'indiquer le nom de l'attribut class précédé cette fois-ci par un .
L'attribut universel id définit un identifiant qui doit être unique pour l'ensemble du document. Le but de cet attribut est de pouvoir identifier un élément lorsqu'on crée un lien, avec un fragment et qu'on souhaite le manipuler avec un script ou qu'on le met en forme avec CSS.
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 .
Les CSS (Cascading Style Sheets en anglais, ou « feuilles de style en cascade ») sont le code utilisé pour mettre en forme une page web.
Structure du document HTML
Un document HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. L'en-tête est délimité par les balises <HEAD> et </HEAD>.
Pour insérer un lien, on utilise la balise <a> avec l'attribut href pour indiquer l'adresse de la page cible. Exemple : <a href="https://openclassrooms.com"> . On peut faire un lien vers une autre page de son site, simplement en écrivant le nom du fichier : <a href="page2. html"> .
Par la commande align="right" le titre sera aligné à droite (right = droite). Par la commande align="justify" vous forcez la justification pour le titre (justify = justifier). Avec la mention align="left" vous pouvez mentionner le réglage par défaut (alignement à gauche).
En CSS, tout comme avec le librairie JavaScript jQuery, il faut utiliser des sélecteurs pour cibler une balise ou un ensemble de balise : on utilise le sélecteur # si l'on désire accéder à l'élément par la valeur de son attribut id ou, on utilise le sélecteur .
Soit un nom de balise, suivi d'un dièse (#), suivi du nom que vous voulez donner à l'identifiant, suivi de la déclaration de style entre des accolades.
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 .
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.
CSS est un langage basé sur des règles — on définit des règles de styles destinées à des éléments ou des groupes d'éléments particuliers dans la page. Par exemple, « Je veux que le titre principal de ma page s'affiche en rouge en gros caractères. » La règle commence par un sélecteur, l'élément HTML mis en forme.
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.
La propriété float indique qu'un élément doit être retiré du flux normal et doit être placé sur le côté droit ou sur le côté gauche de son conteneur. Le texte et les autres éléments en ligne (inline) entoureront alors l'élément flottant.
Éléments racines
La langue primaire du document HTML peut être définie avec l'attribut lang (avec par ex. en pour anglais). Le seul contenu autorisé est soit un élément <head> et un élément <body> , soit un élément <head> et un élément <frameset> .