j´en connai un qui va être content ^^
Bonjour tout le monde, voilà le premier cours sur le HTML, j´espère que lorsque j´aurai terminé vous serez un peu moins ignorant qu´hier, mais tellement plus que demain... Je pris toute personne s´y connaissant de corriger mes erreurs ou de m´instruire de certaines règles du HTML.
Pour commencer, définissons le HTML. Le HTML fonctionne par balises, c´est à dire que les texte à mettre par exemples en gras s´entoureront des balises < b> et < /b> ( balise de début et de fin). J´espère que cela rappellera à quelques uns le traitement de texte au format RTF, quand par exemple vous cliquez sur le B ( bold) ou G ( gras) pour mettre un morceau de texte en gras.
Le HTML sers à la mise en forme d´une page, et est enrichi par plusieurs langages comme le CSS ( Cascading Style Sheet, feuilles de style en cascade), le JavaScript ( scripts côtés client) ou encore le PHP ( scripts côtés serveur), et bien d´autres que je ne connais pas encore.
IMPORTANT : Le HTML et le web entier sont surveillés par le World Wide Web Consortium ( W3C) qui impose ( tant bien que mal) des règles, comme par exemple celle de l´imbriquement des balises :
Correct : < b><i>Salut ! </i></b>
Incorrect : < b><i>Salut ! </b></i>
Les balises ouvertes en premier sont fermées en dernier ! Je conseille un respect des règles du W3C, non pas par risque de suppression de votre page, mais pour éviter des bugs sur un navigateur trop faible.
Dans ce cours, vous allez créer votre premier document HTML, avec deux ou trois balises dont les fonctions et quelques attributs ( définition de balise) vous seront appris.
Commencez par créer un dossier reservé à vos exercices.
Ensuite, créez un document texte ( format texte ! Pas RTF ou autre saloperie ! Pas d´éditeur non plus ! ) dans lequel vous tapperez, et non pas recopierez :
"
< HTML>
< HEAD><TITLE>Ma première page</TITLE>
< /HEAD>
< BODY BGCOLOR="#MacOSX">
< /BODY>
< /HTML>
"
Explications : < HTML> définit qu´il s´agit d´un document HTML. < HEAD> définit l´en-tête : on placera ici TITLE c´est à dire le titre, ainsi que les balises < SCRIPT> et < LINK> si on en a besoin. < BODY> signifie le corps, c´est à dire le contenu de la page. BGCOLOR signifie le fond d´écran.
BGCOLOR : syn. < BODY BGCOLOR="#[triplet RGB, 6 lettres ou chiffres]">
Bien, maintenant plaçons le contenu de la page proprement dit. Entre < BODY> et < /BODY>, mettez
"
< H1 ALIGN=CENTER>Ma première page</h1>
< h2 align=center>Un peu d´indulgence ! </h2> < !-- Ceci est un commentaire, vous remarquerez que le fait d´écrire en majuscules ou minuscules ne change rien -->
< HR WIDTH="60%">
"
Enregistrez le tout sous Page1.html ( je ne mets pas d´espace et j´y tiens). Si il y´a l´extension . txt ou . rtf, effacez-la ! Vous devez obtenir un document HTML et rien d´autre ! Observez le résultat
Note : < Hn> a 5 valeurs : H1, H2, H3, H4 et H5. Plus n est faible, plus le texte sera gros. Pratique pour un titre ! Je crois que l´attribut ALIGN=CENTER se passe de commentaires, hormis celui ci : ALIGN à trois valeurs possibles pour H : LEFT, RIGHT et CENTER. < HR> créée une ligne qui, sans l´attribut width, traverse tout l´écran. Nous apprendrons d´autres attributs en ce qui la concerne.
Continuons et achevons ce premier cours ; nous allons créer une liste ordonnée, c´est à dire avec un premièrement, un deuxièmement, etc...
Après le reste, placez :
"
< OL>Cette page contient :
< LI>Le peu d´humour de Linus
< LI>Mes premiers exercices en HTML sous les cours attentifs de notre si aimé professeur Linus ( héhé)
< LI>7 vitamines essentielles
< LI>Trace d´arachides
< /OL>
"
Vous noterez que < LI> n´a pas ( forcément) de marqueur de fin, comme par exemple < BR> qui sert à sauter une ligne. Mais celui de < BR> est illégale ( ça ne veut pas dire que vous aurez des ennuis avec les hommes en bleu, ça veut dire que votre site ne sera pas conforme au réglement du W3C)
Changez < OL> par < OL TYPE="A">, enregistrez et révisez. Nous apprendrons les liens la prochaine fois, ce cours ci étant plutôt une découverte du HTML.
