Moteur de recherche

Espace membres

Bonjour Anonyme

Inscription

Email :
Mot de passe :

Mot de passe oublié ?

Nos scripts

MySpeach

MySpeach est un chat php sans base de donnée, rapide, léger et facile à prendre en main. DEMO

MyPHPUpload

MyPHPUpload est un script d'upload sécurisé écrit en PHP. DEMO

GrapAgenda

Agenda PHP et MySQL avec comptes utilisateurs et administration. DEMO

Livre PHP

Ma premiere page en html

Cours / tutoriel écrit le 17-06-2010 par sky

Ma premiere page html

2 ou 3 trucs avant d'attaquer:
Mettre des commentaires à l'interieur de son code, trés pratique et même recommandé 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 &eacute;
ú se note &uacute;
É se note &Eacute;

les accents graves :
è se note &egrave;
à se note &agrave;
À se note &Agrave;

les accents circonflexes :
ê se note &ecirc;
û se note &ucirc;
Ô se note &Ocirc;

le ç :
ç se note &ccedil;
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

Commentaires

stef1004 le 26-12-2010

je suis vraiment un debutant dans l'informatique et grace a votre site j'ai enfin compris comment il faillait commencer!! merci

Pseudo
Email
Commentaire

Merci d'écrire le code ici :