Jeudi 28 Août 2008 - 30 Connectés
|
Cours HTML
 Si vous voulez commencer une nouvelle ligne, vous devez définir cela avec une balise. < P > commence une nouvelle ligne. N'oubliez pas de fermer vos balises. <HTML>
<HEAD>
<BODY> </HTML> Cliquez ici pour voir ce que ça donnerait Vous pouvez changer l'aspect visuel de votre texte en changeant sa taille. Vous pouvez faire ca avec la balise <FONT> pour définir la police. Si vous voulez changer la taille tapez <FONT SIZE=4>. Le HTML défini les tailles autrement que les traitements de texte comme WORD, au lieu d'utiliser une taille de 12 pt en HTML on mettra une taille de 3. La taille 3 est celle utilisée par défaut. Les tailles peuvent aller juque 7 au maximum et au minimum jusque 1. Si vous ne définissez pas de taille, celle de 3 sera retenue. Vous pouvez aussi augmenter la taille d'origine en utilisant +1ou de la même maniere la diminuer en utilisant -1. Si vous êtes en taille 1 vous pourrez au maximum utiliser +6 pour augmenter la taille à 7. Essayons des tailles différentes. Souvenez vous que vous pouvez copier le code directement dans le BlocNote plutôt que de le saisir vous-même. <HTML>
<HEAD> <BODY> </HTML> Cliquez ici pour voir ce que ça donnerait Si vous sauvegardez cette page avec le même nom (test.html), vous n'aurez
pas besoin de réouvrir la page dans votre navigateur (si vous avez laissé
ouvert le navigateur montrant le test précédent), Cliquez simplement
sur le bouton actualiser
La balise FONT peut aussi contenir une couleur et un style. <FONT COLOR="red"> Mettra votre police en rouge. Vous pouvez entrer différentes couleur (en anglais), et entrez les entre des guillemets "". Définir un style de police est un peu plus compliqué car vous ne savez pas quels styles de police à la personne, qui regarde votre page, sur son ordinateur. Si vous indiquez une police que l'ordinateur de votre "spectateur" n'a pas, il verra la page avec la police par défaut. Heureusement, le HTML vous permet de stipuler plusieurs polices alternatives. La balise <FONT FACE="garamond, times, times roman, new times roman"> Indique 4 styles de polices par ordre de priorité. Si Garamond n'est pas disponible, le navigateur choisira Times; si Times n'est pas disponible il choisira Times Roman et ainsi de suite. En utilisant la taille, la couleur et le styles vous pouvez formatter votre police: <HTML>
<HEAD> <BODY> </HTML> Cliquez ici pour voir ce que ça donnerait Il y a beaucoup d'autres balises qui vous permettent d'éditer vos polices de diverses manières. Par exemple, vous pouvez mettre en gras votre texte en utilisant la balise <"bold"> ou < B > ou mettre en italique en utilisant des < ITALICS > ou < I >. N'oubliez pas de fermer ces balises pour indiquer la fin du gras ou italique. La balise < CENTER > alignera le texte au centre de la page. N'oubliez pas de fermer: </CENTER > . Vous pouvez même mettre votre texte en indices ou en exposant en utilisant les balises < SUP > et < SUB > . Le HTML vous permet également d'utiliser la fonction de strikethrough. la balise <STRIKE> barrera le texte à l'intérieur de cette balise. Employez ceci pour montrer le texte qui a été supprimé. Un autre parametre, la balise souligné, peut preter à confusion si elle n'est pas utilisée correctement: < U > ajoutera un souligné au texte qui se trouve dans cette balise. Le HTML définit également des liens en les soulignant alors si vous voulez être sûr les personnes accédant à votre page comprennent que vous ne montrez pas un lien, utilisez cette balise prudemment. Vous pouvez noter que nous avons maintenant un peu plus de code HTML dans notre BlocNote et pour mieux vous y retrouver vous pouvez ajouter des commentaires cachés. Les commentaires cachés sont un texte que vous pouvez lire dans le code HTML mais n'apparaîtront pas sur votre page Web. Pour ajouter des commentaires cachés, dactylographiez votre texte entre la balise d'ouverture <! - - et la balise fermante -->. Essayez ces balises maintenant. Vous pouvez copier directement le code ci-dessous dans votre BlocNote. <HTML>
<HEAD> <BODY> <CENTER><B>Formatter vos balises texte peut être très utile.</B></CENTER> <P>Je suis à la 3<SUP>eme</SUP> pour mon projet sur H<SUB>2</SUB>O.</P> <P>J'aime <STRIKE>les nouilles</STRIKE>le riz</P> <P><U>Ceci n'est pas un lien.</U></P> <!--Voici comment mettre un commentaire qui ne sera pas affiché dans votre navigateur --> </BODY> </HTML> Cliquez ici pour voir ce que ça donnerait Souvenez vous que votre navigateur ne met pas a jour tout seul la page quand vous enregistrez une nouvelle version de test.html, vous devrez cliquer sur le bouton actualiser de votre navigateur après enregistrement. Maintenant que vous pouvez changer votre police vous voulez certainement pouvoir changer l'aspect général de votre page. La manière la plus rapide et la plus simple est de changer la couleur de fond. Vous changez la couleur de fond dans la balise BODY. < BODY BGCOLOR="green "> vous pouvez encore employer une des 16 couleurs de base que le HTML reconnait. Alors que vous changez votre couleur de fond, il est important d'être sûr que vous pouvez toujours lire le texte sur vous page. Si vous avez un fond de couleur foncée, changez votre couleur de police en couleur claire. <HTML>
<HEAD>
<BODY BGCOLOR="blue"> |
de votre navigateur et cela affichera directement votre nouveau test.html.