HTML Hypertexte Markup Langage - PDF
Document Details
Uploaded by Deleted User
Tags
Summary
Ce document présente un cours sur le langage HTML, en français. Le cours couvre les bases du langage, les balises, les couleurs, et les tailles de police. Il inclut des exemples et des exercices.
Full Transcript
Ch. I. Hyper Texte Markup Langage La base : Remarque 1 : HTML n'est pas un langage de programmation ! Ce n'est qu'un langage de description de documents. Remarque 2 : La page texte HTML est composée à partir de balises qui peuvent être définies avec des attributs précisant le...
Ch. I. Hyper Texte Markup Langage La base : Remarque 1 : HTML n'est pas un langage de programmation ! Ce n'est qu'un langage de description de documents. Remarque 2 : La page texte HTML est composée à partir de balises qui peuvent être définies avec des attributs précisant les conditions d'utilisation de la balise. Elles sont ouvertes puis fermées et définissent comment le navigateur interprète le texte inclus dans la balise ( texte ). 24 Ch. I. Hyper Texte Markup Langage Balises très utiles : Voici une liste de balises et leurs fonctionnalités : : pour retourner à la ligne. : pour mettre un texte en gras. : pour déclarer un paragraphe. : insérer une ligne horizontale. : pour mettre un texte ou un objet au centre. : Cette balise n’a aucune valeur sémantique (Permet de regrouper d’autres blocs de HTML et de leur donner un style CSS commun). : pour définir la couleur et la taille d'un texte. Et bien sûr il faut insérer le texte ou l'objet en question entre la balise concernée. Par exemple : ce texte est en gras et la même chose pour la balise font : ce texte est vert 25 Ch. I. Hyper Texte Markup Langage Exemple 1 : Deuxième essai Retourner à la ligne. Mettre un texte en gras. Déclarer un paragraphe. Mettre un texte ou un objet au centre. Définir la couleur et la taille d'un texte. 26 Ch. I. Hyper Texte Markup Langage Exemple 2 : Deuxième essai Retourner à la ligne. Mettre un texte en gras. Déclarer un paragraphe. Mettre un texte ou un objet au centre. Définir la couleur et la taille d'un texte. 27 Ch. I. Hyper Texte Markup Langage Tailles de polices : Il existe 7 tailles de polices. La commande est … où n prend les valeurs de 1 à 7. 1, petit caractères, 7, gros caractères. La police par défaut possède la taille 3. La taille de la police peut être fixée dans l’en-tête du document par la commande : où n prend les valeurs de 1 à 7. 28 Ch. I. Hyper Texte Markup Langage Tailles de polices : Exemple 1 : Exemple de la balise basefont MAJUSCULES - minuscules 5 MAJUSCULES - minuscules 5 MAJUSCULES - minuscules 5 MAJUSCULES - minuscules 5 MAJUSCULES - minuscules 5 MAJUSCULES - minuscules 5 MAJUSCULES - minuscules 29 Ch. I. Hyper Texte Markup Langage Exemple 2 : Exemple de la balise font MAJUSCULES - minuscules taille 7 MAJUSCULES - minuscules taille 6 MAJUSCULES - minuscules taille 5 MAJUSCULES - minuscules taille 4 MAJUSCULES - minuscules taille 3 MAJUSCULES - minuscules taille 2 MAJUSCULES - minuscules taille 1 La taille des lettres d'un mot peut VAR I ER 30 Ch. I. Hyper Texte Markup Langage Couleurs : HTML propose deux façons de coder une couleur : 1. Par son nom : Il existe une liste de couleurs reconnues par la plupart des navigateurs. Les seize couleurs simples sont données dans le tableau ci-dessous 31 Ch. I. Hyper Texte Markup Langage Couleurs : 2. Par le triplet RGB : Toute couleur peut être décomposée en trois couleurs : rouge, vert, bleu (Red, Green, Blue d'où RGB) d'intensité convenable. Cette intensité est exprimée en un nombre compris entre 0 et 255. Ce nombre est codé en hexadécimal : il est alors compris entre 0 et FF. Par exemple, #BA1B85 code une intensité de BA (186) pour le rouge, 1B (27) pour le vert, 85 (133) pour le bleu qui donne : 32 Ch. I. Hyper Texte Markup Langage Couleurs exemple 1 : Texte en couleurs Rouge Rouge Vert Vert Bleu Bleu Jaune Jaune 33 Ch. I. Hyper Texte Markup Langage Couleurs exemple 2 : Texte en couleurs 2 MAJUSCULES - minuscules taille 7 MAJUSCULES - minuscules taille 6 MAJUSCULES - minuscules taille 5 MAJUSCULES - minuscules taille 4 MAJUSCULES - minuscules taille 3 MAJUSCULES - minuscules taille 2 MAJUSCULES - minuscules taille 1 La taille des lettres d'un mot peut VARIER 34