Membres
Partenaires
Ma premiere page en html - Cours html
Ma premiere page en html
Les cours > Cours-html >
Ma premiere page en html
Ma premiere page html
2 ou 3 trucs avant d'attaquer:
Pour mettre des commentaires à l'interieur de son code, trés pratique et même recomandé pour savoir ce qu"on à voulu faire:
<!--commentaire invisible à l'écran-->
donc : <!-- un texte -->
pour dire au navigateur de sauter un ligne :<br/>
pour en sauter deux :<br/><br/>
Ben alors quand je saute une ligne avec la touche ENTER ça sert à rien ?
Eh non, on peut écrire et disposer ses lignes de code comme on a envie le navigateur s'en moque éperduement, la seule chose qui l'interesse ce sont les balises !
<html>
<head>
<title></title>
<style></style>
</head>
<body>
</body>
</html>
aura le mème effet que:
<html><head><title></title><style></style></head><body></body></html>
Bon alors quand est-ce qu'on écrit ?
maintenant!
donc entre la balise <body> et </body> :
<h1>titre le plus gros</h1>
<h2>sous titre</h2>
<h3>encore plus petit</h3>
<h6>jusqu'au plus minus de tous</h6>
donc du plus gros au plus petit :
<h1>
à
<h6>
On remarque qu'un saut de ligne est automatiquement inclus aux balises <h1> à <h6>
Ton titre il est pas beau, il est même pô centré!
<center>ben voilà avec ça je centre ça qua je veus na!</center>
Ensuite, le texte normal : pas de balise Ouf!
Du texte normal amélioré :
<b> le texte en gras</b>
<i> le texte en italique</i>
<u> je souligne</u>
et maintenant on melange tout !
<b><i><u>ouille ouille ouille !</u></i></b>
Attention ! premiere ouverte derniere fermée c'est la règle pour toutes les balises
et puisque on est dans le texte, une liste à puce:
<ul><!--j'ouvre la balise de liste à puce-->
* <li>
la 1ère ligne
* </li> <li>
la 2ème ligne
* </li> <li>
la 3ème ligne
* </li> <li>
la 4ème ligne
</li>
</ul>
Caractères encodés
C'est quoi ces signes tout vilains quand j'écris des accents ?
bien que les navigateurs récents aient tendances à bien retranscrire les lettres accentuées, il vaut mieux prendre quelques précautions:
les accents aigues :
é se note é
ú se note ú
É se note É
les accents graves :
è se note è
à se note à
À se note À
les accents circonflexes :
ê se note ê
û se note û
Ô se note Ô
le ç :
ç se note ç
simple non ?
Une dernière chose:
Pour déclarer un paragraphes, on utilise <p> et <p/>
Fini ! Un petit aspirine ?
La suite : Les couleurs HTML
Le 16/03/2010 par Sky
http://www.graphiks.net
Les commentaires
-
Le 26-03-2009, bleuocean a écrit :
mince, désolé, je pensais que ça marchait ici ! lol super le cours en tous cas -
Le 26-03-2009, bleuocean a écrit :
<html><head><title>alors je fais un essai</title><style></style></head><body></body></html> -
Le 05-09-2006, kirryan a écrit :
voila je viens de me cree un site mais je n'arrive pas a mettre des codes HTLM qui pourrais m'expliquer car je ne c'est pas si ca viens d'ou j'ai acheter le domaine merci -
Le 08-07-2006, 3run0 a écrit :
non, tu t'es embrouillé, relis bien ;) -
Le 07-07-2006, yoyo a écrit :
sa marche ce ke g fé??
-
Le 03-04-2006, hassna a écrit :
j'ai essayer d'ecrire les caracteres encodés mais sans resultat votre reponse SVP?????? -
Le 24-12-2005, owen a écrit :
ton site est cool -
Le 04-09-2005, Batpkill a écrit :
bravo cour complet et râpide !!
Nous - Plan du site - Informations légale - Contact - © Graphiks.net