Création d'une page web HTML (3)

• But : Comprendre et mettre en oeuvre les principes de base de la création d'une page HTML grâce à la pratique.
• Outils : Le navigateur Firefox (logiciel libre gratuit) supposé être utilisé pour ouvrir cette page.
  

• Ouvrir le petit éditeur en ligne de code HTML (ici)
  
  
• Charger le code source du TP2 dans la zone de saisie :
  pour cela, dans la page de l'éditeur, cliquer sur le bouton : "vers mes programmes" (au dessus le la zone de saisie)
  puis sur le bouton : "charger ce programme : tp2_page_html"
  il est alors possible d'ajouter du code source dans la zone de saisie afin de "prolonger" le tp2 en tp3
  
  
  
• Découverte de divers moyens de mettre en forme le texte d'une page web
  
  
  • Texte en italique :
    
    
    il est possible d'afficher du texte en italique en utilisant les balises <i></i>
    comme ceci :

    code source	résultat
    <i>mon texte en italique </i>	mon texte en italique

    
    
    
  • Texte en gras :
    
    
    il est possible d'afficher du texte en gras en utilisant les balises <strong></strong>
    comme ceci :

    code source	résultat
    <strong> mon texte en gras </strong>	mon texte en gras

    
    
    
  • Texte souligné : (déconseillé car on confond avec des liens hypertextes)
    
    
    il est possible d'afficher du texte souligné en utilisant les balises <u></u>
    comme ceci :

    code source	résultat
    <u>mon texte souligné </u>	mon texte souligné

    
    
    
  • Texte avec indice :
    
    
    il est possible d'afficher du texte avec indiceen utilisant les balises 
    comme ceci :

    code source	résultat
    mon texte <sub>avec indice</sub>	mon texte avec indice

    
    
    
  • Texte avec exposant :
    
    
    il est possible d'afficher du texte avec exposant en utilisant les balises 
    comme ceci :

    code source	résultat
    mon texte <sup>avec exposant </sup>	mon texte avec exposant

    
    
    
  • Passage à la ligne :
    
    
    il est possible de passer à la ligne quand une phrase est trop longue avec la balise <br>
    comme ceci : ( remarquer qu'il n'y a qu'une seule balise)

    code source	résultat
    ma ligne de texte <br> et le reste à la ligne	ma ligne de texte et le reste à la ligne

    
    
    
  • Espace entre môts:
    
    
    il est possible d'insérer des espaces entre des môts en utilisant la chaine : &nbsp;
    comme ceci :

    code source	résultat
    mon texte      la suite précédée de trois espaces	mon texte     la suite précédée de trois espaces

    
    
    
  • Commentaires dans le code source :
    
    
    il est possible de faire des commentaires dans le code source sans que ceux ci soient affichés par le navigateurs
    grâce aux balises <!-- mes commentaires non visibles directement -->
    comme ceci :

    code source	résultat
    ceci est visible mais pas ce qui suit <!-- soit , ceci-->	ceci est visible mais pas ce qui suit

    
    
    
  • Couleur du texte :
    
    
    il est possible de changer la couleur du texte en utilisant les balises
    <font color="red"> mon texte en rouge </font>
    (il suffit de remplacer red par green, blue, white, black, yellow,... pour changer la couleur)
    comme ceci :

    code source	résultat
    <font color="red"> mon texte en rouge </font>	mon texte en rouge

    
    
    
• Travail
• Avec le petit éditeur HTML,
  et ce que vous avez appris ci dessus ainsi qu'aux deux TP précédents,
  créez une page web puis enregistrez là sur le site sous le nom tp3 _page_html,
  mais aussi dans votre dossier personnel sous le nom tp3 _page_html.html
  cette page devra ressembler à ceci :
  
  
  





• Bilan