Fiche html
Mohamed BEN HAMOUDA
Les bases du HTML5
Structure d’une page HTML Les commentaires Les paragraphes Les titres Mise en valeur Listes non ordonnées Listes ordonnées Un lien vers un autre site Un lien vers une autre page Un lien vers une ancre Un lien vers une ancre vers une autre page Afficher une infobulle Un lien qui ouvre une nouvelle fenêtre Un lien pour envoyer un mail Un lien pour télécharger un fichier Les images Insérer une image Miniature cliquable Les figures
7
7 7 7 7 8 8 9 9 9 9 10 10 10 10 11 11 11 11 11
Mise en forme avec CSS
Fichier .CSS Appliquer un style à une balise Commentaires en CSS Appliquer un style : class, id Les balises universelles
2
13
13 13 14 14 15
Appliquer un style : les sélecteurs avancés Une taille absolue Une taille relative Modifier la police Mettre en italic Mettre en gras Soulignement et autres décorations L'alignement Faire flotter une image Couleur du texte Couleur de fond Le CSS et l'héritage Appliquer une image de fond Fixer le fond Répétition du fond Position du fond Plusieurs images de fond Transparence Transparence avec RGBa Bordures standards En haut, à droite, à gauche, en bas… Bordures arrondies Les ombres des boites Les ombres des textes Au survol Au clic et lors de la sélection
3
15 16 17 18 19 19 20 20 21 22 22 22 23 23 23 24 25 25 26 26 27 28 29 29 29 30
Mise en page du site
Les balises structurantes de HTML5 Exemple d’une page structurée Assurer la compatibilité avec IE Les balises de type block et inline Les dimensions Marge à droite, à gauche, en bas… Centrer des blocs overflow : couper un bloc word-wrap : couper les textes trop larges Le positionnement flottant Transformez vos éléments avec display Le positionnement inline-block inline-block et compatibilité Internet Explorer Le positionnement absolu Le positionnement fixe Le positionnement relatif
31
31 34 35 35 35 37 37 37 38 39 39 40 41 42 42 43
Fonctionnalités évoluées
Un tableau simple Diviser un gros tableau