Ouvrir la version imprimable de cette page au format pdf
Transcription
Ouvrir la version imprimable de cette page au format pdf
Balises de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont uniques et indispensables pour réaliser le « code minimal » d'une page web. Balise de début <html> Balise de Description fin </html> Balise principale <head> </head> En-tête de la page <body> </body> Corps de la page Commentaire Elle entoure toutes les autres balises en s'ouvrant dès le début et en se fermant tout à la fin Contiandra les paramètre généraux non affichés de la page comme le titre, la déscription, les mots clefs, des styles… <body </body> bgcolor="#xxxxxx "> Couleur d'arrière-plan <body background="url" > <body text="#xxxxxx"> <body link="#xxxxxx"> <body vlink="#xxxxxx"> <body alink="#xxxxxx"> </body> Texture ou image de fond Contiendra tout ce qui sera à afficher sur votre page #xxxxxx est une couleur html (valeur hexadécimale) Attention : ne pas créer de nouvelle balise body, mais simplement modifier celle qui existe déjà ! idem </body> Couleur par défaut du texte de la page idem </body> Couleur par défaut des liens de la page idem </body> Couleur par défaut des liens visités idem </body> Couleur par défaut des liens actifs idem Balises d'en-tête Ces balises sont toutes situées dans l'en-tête de la page web, c'est-à-dire entre <head> et </head>. Balise de début <title> Balise de Description fin </title> Titre de la page <meta name="Keywords " /> <meta name="Descriptio n" /> <script> </script> Mots clefs de la page <style> </style> Code CSS </a> Lien hypertexte vers l'adresse url Commentaire Titre apparaissant dans la barre supérieure du navigateur Utilisé essentiellement par les moteurs de recherche Déscription de la page Utilisé essentiellement par les moteurs de recherche Code JavaScript Langage permettant d'ajouter du code algorithmique Langage autre que le html utilisé pour mettre en page plusieurs page en même temps Hyperliens <a href="url"> Le lien se fera sur le texte écrit entre les deux balises <a> at </a> Balises de structuration du texte et des caractères Balise de début <!-<br /> <b> <sup> <sub> <strong> <em> Balise de Description fin --> Commentaire du webmaster Commentaire Ne sera pas affiché par le navigateur, sert uniquement pour se repérer dans le code </b> </sup> </sub> </strong> </em> </font> Retour à la ligne Texte en gras Exposant Indice Mise en valeur forte Mise en valeur normale Texte en couleur <i> <font size=x> <div align="center"> <div align="left"> </i> </font> </div> Texte en italique Taille des caractères x est une valeur de 1 à 7 Centre l'élément encadré par ces balises </div> Aligne l'élément à gauche <div align="right"> <p> <p align="center"> </div> Aligne l'élément à droite </p> </p> Paragraphe Paragraphe centré <p align="left"> </p> Paragraphe aligné à gauche <font color="#xxxxxx"> #xxxxxx est une couleur html (valeur hexadécimale) <p align="right"> </p> <big> </big> <small> <strong> <u> <hr /> <nobr> <time> <center> Paragraphe aligné à droite Agrandissement de la taille des caractères </small> Réduction de la taille des caractères </strong> Mise en gras du texte </u> Texte souligné Ligne de séparation horizontale </nobr> Empêche les ruptures automatiques de ligne des navigateurs </time> Date ou heure </center> Centre tout élément compris entre les balises Images URL est l'adresse de l'image qui est souvent l'adresse relative c'est à dire le chemin d'accès à partir de la page html ouverte. Par exemple, l'adresse de l'image dessin.jpg du sous dossier "illustrations" sera "illustrations/dessin.jpg" Remplacer *** par top (haut de ligne) ou bottom (bas de ligne) ou middle (milieu vertical) ou left (gauche) ou right (droite) <img src="url" /> Afficher une image <img src="url" align="***" /> Alignement <img src="url" title="texte" /> Ajoute une info-bulle lors du passage de la souris sur l'image <img src="url" alt="texte" /> Ajouter un texte alternatif pendant le chargement Utile si l'image ne peut pas s'affichée, c'est-à-dire de l'image ou si l'image ne s'affiche pas rarement si tout se passe bien <img src="url" width="lageur" Dimensions imposées à l'image : valeur en en nombre de pixels (sans mettre l'unité) ou pourcentage (ajouter le symbole % sans espace) height="hauteur" /> Par défaut, l'image aura ses dimensions d'origine (recommandé). Attention : en imposant des dimensions, vous risquez une perte de précision et une déformation si les dimension ne sont pas proportionnelle à celles de l'image d'origine.