Cours : HTML 1 avril 2013
Exemple de page Html
Exemple du code de la page Html index.txt
Exemple type d’organisation de page <html> <head> <title> Titre de la page </title> </head> <body> <p> premier paragraphe </p> </body> </html>
Les Balises Pour mettre un texte en gras : <b> texte </b> Pour mettre un texte en italique : <i> texte </i> Pour mettre un texte en barré : <s> texte </s> Pour souligner un texte : <u> texte </u> Pour changer la police d’un texte : <font face= « arial »> Texte </font face> Pour changer la taille de caractère : <font size = « 10 »>Texte</font> Pour aligner le texte au centre : <center> Texte </center> Pour mettre un paragraphe aligné à gauche : <p align= « left »> texte</p> Pour mettre un paragraphe aligné à droite : <p align= « right »> texte</p> Pour sauter une ligne il faut utiliser la balise : <br/>
Ne pas faire chevaucher les balises <b>J’ecris mon texte en gras <i> et ici en gras et italique </b> </i> <b>J’ecris mon texte en gras <i> et ici en gras et italique </i></b>
Manipulation
Modifier le code pour avoir Hello world en gras et centré Manipulation 1 Créer une page html avec votre nom en titre de page et la phrase hello world 1 Modifier le code pour avoir Hello world en gras et centré 2 Ajouter un paragraphe avec la phrase de votre choix avec une taille de 18 et une police calibri 3
Explications 1er : ouvrir Notepad ++ et préparer le document avec les balises <html> / <head> <body> 2ème: Modifier le titre de la page 3ème:Entrer la phrase Hello world 4ème : enregistrer en .html puis l’ouvrir avec le navigateur <html> <head> <title>Mon Nom </title> </head> <body> <p>Hello world</p> </body> </html>
Des questions?