Avec align="middle" le texte est aligné au milieu du graphique (middle = milieu). Avec align="bottom" le texte est aligné en bas du graphique (bottom = bas).
Pour réaliser cela, il faut partir d'une div contenant deux éléments : le titre et le texte à aligner en bas, lui-même contenu dans une autre div. Afin d'aligner en bas le contenu, il va falloir jouer sur les propriétés de positionnement des deux div.
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.
Le positionnement absolu
On place une balise HTML en position absolue en fixant la valeur de la propriété position à "absolute". On peut alors utiliser les propriétés right, left, top et bottom pour placer la balise HTML.
Position : sticky
La dernière valeur de la propriété CSS position est la valeur sticky . Un élément positionné avec position: sticky sera d'abord positionné selon le flux normal de la page puis va pouvoir être décalé de manière similaire à un élément positionné de manière relative.
la position Absolue correspond à une distance parcourue en fonction de la position d'origine, la position Relative est la distance parcourue en fonction de la position courante.
La balise <header> spécifie l'en-tête d'un document, d'une section ou d'un article. L'élément <header> devrait être utilisé comme un bloc contenant du contenu d'introduction ou un ensemble de liens de navigation. Vous pouvez avoir plusieurs éléments <header> dans un seul document.
Ajouter l'attribut style à l'élément <body>
C'est aussi possible de définir une couleur du fond pour un document HTML en ajoutant style="background-color:” à l'élément <body>.
Le centrage horizontal des éléments de type bloc
Pour centrer horizontalement un élément (bloc, balise ou un site web entier) en CSS, il suffit de donner une largeur ( width ) à l'élément et les valeurs "auto" aux marges latérales. De cette manière, il équilibrera automatiquement les marges latérales.
L'astuce consiste à insérer en dernier un calque en position absolue et avec une hauteur fixe, nommé « footer » par commodité, ce qui fait qu'il ne dépendra pas de ce qui s'empile au dessus de lui.
Le pied de page, tout comme vos pages, doit être judicieusement pensé afin d'attirer vos visiteurs et les inciter à parcourir le contenu qui y est présenté. Pour cela, il est important de présenter un footer clair et de ne pas le surcharger d'informations. Cela risquerait de décourager le visiteur.
Une fois le texte sélectionné, maintenez les touches Alt et Maj (celle placée à gauche du clavier) et, avec les flèches de curseur Haut et Bas, déplacez votre paragraphe.
Avec align="left" vous pouvez mentionner le réglage par défaut (alignement à gauche).
On utilise la propriété text-align, et on indique l'alignement désiré : ☆ left : le texte sera aligné à gauche (par défaut). ☆ center : le texte sera centré. ☆ right : le texte sera aligné à droite.
Pour cela vous devez utiliser la feuille de style Css background qui permet de spécifier plusieurs autres propriétés notamment une image de fond, la position du background et sa répétition... Ces propriétés de feuilles de style remplace l'attribut HTML BGCOLOR de la balise HTML BODY.
Pour faire un tableau HTML, il faut utiliser les balises suivantes : La balise < table > : elle indique au navigateur qu'il faut afficher un tableau. Tout ce qui se trouve entre les balises < table > < /table > est organisé en lignes et en colonnes.
right : le texte sera aligné à droite. justify : le texte sera « justifié ». Justifier le texte permet de faire en sorte qu'il prenne toute la largeur possible sans laisser d'espace blanc à la fin des lignes. Les textes des journaux, par exemple, sont toujours justifiés.
Position: absolute
Si votre élément possède une width ou une height fixe, vous pouvez utiliser une margin-left ou une margin-top negative à la place de la propriété transform , de la moitié de la valeur de l'élément centré.
Pour centrer des blocs, on utilisera d'autres propriétés ( margin-left et margin-right (ou définissez margin à 0 auto ).
L'attribut z-index est effectif avec la position absolute, fixed ou relative. Il est inopérant avec l'attribut static par défaut. Il faut donc toujours définir l'attribut position. Lorsqu'il n'est pas précisé, les éléments sont affichés selon l'ordre d'apparition, les derniers au-dessus des autres.
La position finale de l'élément est déterminée par les valeurs de top , right , bottom et left .
Un menu fixe
La règle la plus intéressante ici est la règle ' position: fixed ', qui fait que le DIV reste fixe à l'écran. Les règles ' top: 50% ' et ' right: 0 ' déterminent où le DIV est affichée, en l'occurrence: 50% en bas par rapport au bord haut de la fenêtre, et à une certaine constante du bord droit (0px).