Monday, 23 February 2015

JOUR 1: TEXT FORMATTING IN HTML

Bonjour monsieur
La fois derniere  dans mon dernier poste j'ai introduit HTML .
aujourdhui nous allons commencer avec notre program proprement dit.
JOUR 1: Creation d'une page web :entete,corps,elemet,attribut ,formats de textes.

dans les lignes des codes je mettrai soigneusement des commentaires comme suit de <!-- "commentaire" -->
cette syntaxe indique que la phrase entre les symboles est un commentaire et donc ne peut etre vu par le visiteur du site.

on y va:

<html>
        <head>
     <!-- ca c'est l'entete du document ou l'on peu mettre deja le titre ;qui est visible dans la tete du navigateur -->
              <title>ma page web - mon site en marche</title>      
        </head>
     
         <body>
          <!-- ca c'est le debut du corp de la page web... la partie visible dans le navigateur -->
          <!-- dans cette partie on peu tou mettre  image,text,music,formulaire, etc-->
          <!-- aujourdhui on etudie les types de text sur sune page web -->
       
          <h1>Cours de programation en ligne </h1>
           <!-- ce texte s'affiche en gras caractere car c'est un header du type 1  -->
            <!-- essayez de changer le chiffre a l'interieur des tags (1-6) et constater le changement  -->
           <br>
           <h5>Par toussaint a monsieur Philemon</h5>
           <!-- vous constaterez que au fur et a mesure que le chiffre augmente le caractere diminue  -->
           <!-- apres le header nous pouvons inserer un paragraph comme suit  -->

          <p>
           Bienvenue sur le site de philemon.<br><!-- br signifie break, ligne suivante-->
           sur ce site on va etudier beaucoup des choses ensemble.Entre autre :<br>
           Le development web avec le langage HTML,PHP,CSS.<br>
          s'il vous plait restez branchez comme nous avancons ensemble<br>
       
         </p>
          <br>
           <!--ca c'etai l'exemple d'un paragraphe , on peu en avoir autant que l'on veu sur une page web-->
         
         <!--  dans  le paragraph tag on peu avoir des text gros, italiques, soulignes .exemple :-->
           <br>
            <p>
           Bienvenue sur le site de philemon.<br><!--vous pouvez changer le contenuu...-->
           sur ce site on va etudier beaucoup des choses ensemble.Entre autre :<br>
           Le development web avec le langage<b> HTML,PHP,CSS.</b><br>
         <!-- les langages sont en gros grace au b tag  qui symbolise bold en anglais-->

          <i>s'il vous plait restez branchez comme nous avancons ensemble</i><br>
         <!--la derniere phrase du paragraphe est en italique -->

       
         </p>
          <br>
         <!-- unparagraphe peut etre aligne : a gauche, a droite ,au centre de la page -->
          <p align="right">
           Bienvenue sur le site de philemon.<br><!--vous pouvez changer le contenuu...-->
           sur ce site on va etudier beaucoup des choses ensemble.Entre autre :<br>
           Le development web avec le langage<b> HTML,PHP,CSS.</b><br>
         <!-- les langages sont en gros grace au b tag  qui symbolise bold en anglais-->

          <i>s'il vous plait restez branchez comme nous avancons ensemble</i><br>
         <!--la derniere phrase du paragraphe est en italique -->

       
         </p>
    <p align="center">
           Bienvenue sur le site de philemon.<br><!--vous pouvez changer le contenuu...-->
           sur ce site on va etudier beaucoup des choses ensemble.Entre autre :<br>
           Le development web avec le langage<b> HTML,PHP,CSS.</b><br>
         <!-- les langages sont en gros grace au b tag  qui symbolise bold en anglais-->

          <i>s'il vous plait restez branchez comme nous avancons ensemble</i><br>
         <!--la derniere phrase du paragraphe est en italique -->

       
         </p>
        </body>


</html>









1 comment:

  1. copiez le code depuis le debut jusque ala fin dans votre dreamweaver ensuite sauvegarder comme jour1.html .ouvrez dans votre navigateur .

    ReplyDelete