apprendre langage HTML

 Après les demande répétées de nos visiteurs sur la publication d un tutoriel de cours informatique parlons du langage HTML et Après la publication de la première partie de ce cour nous vous présenterons la deuxième partie et la dernières nous vous souhaitons une bonne lecture
Chapitre  12 : Les cellules des tableaux

Nous n'en avons pas fini avec les tableaux. Allons plus loin dans notre étude en nous penchant sur les cellules de
ces tableaux.



Avant toutes choses, les cellules peuvent contenir tous les éléments Html déjà passés en revue soit :
         •   du texte
         •   des images
         •   des liens
         •   des arrière-plans
         •   et même des tableaux (eh oui!)

Bien que l'allure de votre tableaux soit déjà déterminée, chaque cellule est en quelque sorte un petit univers à part
qui a ses propres spécifications. Découvrons les balises.

          Largeur d'une cellule                   en pixels
                                                   en pourcentage
          Fusion de lignes                   
          Fusion de colonnes                 

Découvrons ceci par des exemples.

Je veux un tableau centré qui occupe 60% de la fenêtre avec sur une ligne, trois colonnes égales. Essayons ceci :

        

                                                     

cellule1

cel. 2

3

Pas brillant! Et avec la balise de largeur de la cellule?
        

                                                     

cellule1

cel. 2

3

Impeccable! Prenons le même tableau mais avec 2 lignes.

        

                                     

cellule1	cel. 2	3
cellule1	cel. 2	3

Je souhaite que la première ligne prenne toute la largeur de la ligne. La première cellule doit donc déborder sur 3
cellules horizontales.

        

                                                     

cellule 1
cellule 1	cel 2	3

Dans   le   même   style,   je   souhaite   que   la   première   colonne   prenne   toute   la   hauteur   de   la   colonne.   La   première
cellule doit donc déborder sur 2 cellules verticales.

        

                                                                                         

cellule 1	cel 2	3
	cel 2	3

Maintenant, comme le disait un gardien de prison de mes connaissances, il est temps de mettre de l'ordre dans les
cellules [Je n'ai pas pu résister...].

          Ligne de tableau                         horizontalement
                                                  verticalement
          Cellule de tableau                       horizontalement
                                                  verticalement

A titre d'exemple, reprenons le tableau suivant :

Avec quelques aménagements, il devient...

        

                                                                       

Tarif au ../../..
Article 1	Ref 002	30fr

Pour terminer cette leçon, il est aussi possible de changer la couleur de la cellule.

         Couleur de la cellule     

Notre dernier exemple pourrait devenir :

Chapitre 13 : Les frames

Quoi de plus simple que les frames? Mais aussi quoi de plus délicat et dangereux (risque de plantage) que les
frames? En outre, tous les browsers n'ont pas la possibilité de les afficher.

Pour diviser l'écran en plusieurs fenêtres, les balises sont peu nombreuses :

          Zone avec des fenêtres
                                           Début de zone avec des fenêtres
                                          Fin de zone avec des fenêtres
          Agencement des fenêtres
                                Fenêtres horizontales
                                Fenêtres verticales

13.1 Il est impératif de travailler avec des exemples. Pour obtenir un agencement ainsi :

Il faut employer les balises suivantes :
        
        
        
        
        
        
        

Attention! remplace

L'attribut ROWS="hauteur1,hauteur2,...,hauteurN" définit la hauteur des différentes fenêtres en cas de division
horizontale.
La hauteur s'exprime en pixels ou en %. Dans ce cas, on veillera à ce que le total soit égal à100%;

13.2 Le même pour un agencement vertical

        
        
        
        

L'attribut   COLS="largeur1,largeur2,...,largeurN"   définit   la   largeur   des   différentes   fenêtres   en   cas   de   division
verticale.
La largeur s'exprime en pixels ou en %. Dans ce cas, on veillera à ce que le total soit égal à100%;

13.3 On peut mélanger les deux :

        
        
                
                
                
                
        

13.4 Pour l'instant, nos frames sont vides. On va donc leur donner à manger par des attributs de la balise :


On construit 3 fichiers Html élémentaires que l'on place dans le même répertoire que le fichier de frames :

             A.htm                        B.htm                         C.htm

                                               
            

A

                  

B

                   

C

                                           

On reprend le fichier de frame précédent que l'on complète.

        
                
                
                
                
                
        

Les   ascenseurs,   comme   à   la   fenêtre   A,   apparaissent   automatiquement.   Par   l'attribut   de   la   balise  
SCROLLING="yes/no/auto" vous pouvez indiquer si la fenêtre doit ou non posséder une barre de défilement.

13.5 Un autre attribut de cette balise est NAME="NOM". Name indique le nom de la fenêtre de telle
sorte que cette frame puisse être utilisée comme cible d'un lien hypertexte.