les balises html



     
les balises html
 
Les principales balises HTML
Le codage en langage html permet de structurer le contenu de la page en attribuant une place particulière à chaque élément la composant.
Beaucoup de balises du langage HTML ont été "dépréciées" depuis la création de ce langage. Nous verrons donc dans un premier temps les balises qui servent à structurer le document. A la suite, figure une liste plus complète des balises html, incluant celles de mise en forme. (cette fonction est désormais dévolue au langage CSS).
Les principales balises en ligne
Balise   Commentaires
     Désigne un lien hypertexte.
Elle s'accompagne de l'attribut href, qui renferme la cible du lien (son contenu représentant le texte à cliquer pour activer le lien).
  Met en emphase une portion de texte.
Quand la police utilisée est droite, la plupart des navigateurs graphiques la traduisent comme une mise en italique.
Inclut une image dans le document.
Cette balise s'accompagne des attributs alt (texte alternatif) et src (qui indique le chemin vers l'image).
la balise est une balise autofermante et à la fin avant de refermer la balise, on y insère le caractère /.
     Balise utilisée pour les citations courtes, en ligne.
Pour les citations plus longues, on utilisera la balise bloc .
           Conteneur en ligne générique, dépourvu d'un sens précis, mais qui peut servir à regrouper d'autres éléments au fil du texte.
Son écuivalent est l'élément
.
         Indique un renforcement, généralement représenté en gras dans les navigateurs graphiques.

   Cette balise renvoie à la ligne.

Les principales balises de type bloc
Balise   Commentaires
    Introduit des citations longues.
Par défaut, certains navigateurs prévoient une marge gauche aux blocs de citation, qu'on pourra bien sûr modifier en css.

  Conteneur générique de type bloc.
Cette balise n'apporte pas de sens spécifique, comme . Elle sert à regrouper d'autres balises bloc ou en ligne.

        Titre.

Sert à définir un titre de première importance pour h1, un sous-titre pour h2, un sous-sous titre pour h3, etc... jusqu'à h6.
     Paragraphe.
Sert à définir un paragraphe.
    Liste de définitions.
Cette balise sert à structurer les éléments associant des définitions ou contenus à des termes ou à des titres.
Ces listes distinguent les titres (
des éléments de définition ().

    et
           Liste à puces ou ordonnée.
Sert à dresser une liste ordonnée. Chaque élément de liste est encadré par la balise
  • .

    • Mettre les caractères en forme


    ...       Texte en gras
    ...            Agrandissement de la taille des caractères
    ...     Texte clignotant (Netscape seul)
    ... Texte en italique
    ...
          Texte en couleur où
    XXXXXX est une valeur hexadécimale
    ...       Taille des caractères où
    X est une valeur de 1 à 7
    ...          Texte en italique
    ...     Empêche les ruptures automatiques
    de ligne des navigateurs

    ...
             Texte préformaté, soit avec affichage
    de tous les espaces et sauts de ligne
    ... Réduction de la taille des caractères
    ...        Mise en gras du texte
    ...          Texte en indice
    ...          Texte en exposant
    ...       Texte souligné


    Mettre le texte en forme


               Commentaire ignoré par le navigateur

      A la ligne

    ...
           Citation (introduit un retrait du texte)

    ...
            Centre tout élément compris dans le tag

    ...
       Centre l'élément encadré par le tag

    ...
           Aligne l'élément à gauche

    ...
          Aligne l'élément à droite
    ...
    ...
    ...
    ...           Titre où x a une valeur de 1 à 6
    Titre centré
    Titre aligné à gauche
    Titre aligné à droite
    ...

    ...

    ...

    ...
    Nouveau paragraphe
    Paragraphe centré
    Paragraphe aligné à gauche
    Paragraphe aligné à droite


    Listes



    •   Liste non numérotée (dite à puces)
      Elément de liste

      1.   Liste numérotée
        Elément de liste
        ...

        ...
          Liste de glossaire
        Terme de glossaire (sans retrait)
        Explication du terme (avec retrait)


        Ligne de séparation



          Trait horizontal (centré par défaut)

                Largeur du trait en %

          Largeur du trait en pixels

            Hauteur du trait en pixels



                 Trait centré (défaut)
        Trait aligné à gauche
        Trait aligné à droite

                    Trait sans effet d'ombrage


        Hyperliens


          Fixe la couleur des liens (à placer dans la balise body)
                    Fixe la couleur des liens visités (toujours dans body)
        ...       Lien vers une page Web
        ...      Lien vers une adresse eMail
        ...   Lien vers la page locale fichier.html
        située dans le même répertoire
        ...            Définition d'une ancre
        ...
        ...    Lien vers une ancre


        Images


                   
            Insertion d'une image au format Gif ou Jpg
        (voir liens pour l'adressage)
              Mise à l'échelle de l'image en pixels
        ( a comme effet d'accélérer l'affichage de la page)
              Définition de la bordure d'une image avec lien
               Texte alternatif lorsque l'image n'est pas affichée
                    Aligne l'image en bas
        Aligne l'image au milieu
        Aligne l'image en haut
        Aligne l'image à gaughe
        Aligne l'image à droite
             Espacement horizontal entre l'image et le texte
        Espacement vertical entre l'image et le texte
                    Colorie le fond dans la couleur de votre choix
        Place l'image mentionnée comme fond de page
        Fixe le fond de page tandis que le texte défilera par dessus


        Sons et Vidéos


                   
                    Insertion d'un fichier son
                   Indique la taille du panneau de commande
        (largeur et hauteur en pixels)
                 Modifie le volume sonore de démarrage
        (par défaut, il est fixé à 60)
                   Le fichier se répètera en boucle une fois lancé

                    Le fichier se lancera tout seul à l'arrivée du visiteur
        Le panneau de commande est caché
        (intéressant si votre fichier démarre tout seul)


        Tableau


        ...
          Définition d'un tableau
          Largeur du tableau en %
                Largeur du tableau en pixels
              Largeur de la bordure
                  Espace entre la bordure et le texte
                  Epaisseur du trait entre les cellules
        ...    Ligne du tableau

        ...
          Cellule du tableau

              Couleur d'une cellule de tableau

          Largeur de colonne en %
        Largeur de colonne en pixels

                  Texte dans la cellule centré
        Texte dans la cellule aligné à gauche
        Texte dans la cellule aligné à droite

                 Alignement vers le bas du contenu d'une cellule
        Centrage vertical du contenu d'une cellule
        Alignement vers le haut du contenu d'une cellule

                 Nombre de cellules à fusionner horizontalement
        Nombre de cellules à fusionner verticalement


        Cadres ou "Frames"


        ...           Définit une structure de frames
        (remplace alors le tag BODY)
                 Division horizontale de la fenêtre en %
                  Division verticale de la fenêtre en %
             Fichier affiché dans une fenêtre de frames
        ...          Contenu pour les browsers non prévus
        pour les frames


        Fichier Html


        ...      Début et fin de fichier Html
        ...     Zone d'en-tête d'un fichier Html
        ...       Titre affiché par le browser (élément de HEAD)
        ...    Début et fin du corps du fichier Html
                    Couleur d'arrière-plan (en hexadécimal)
                   Image d'arrière-plan


        Balises de formulaires



        ...
           Début et fin de la zone de formulaire. Entre ces deux balises, on place toutes les balises relatives aux boutons, cases à cocher ou boites de dialogues.

        ...
                    permet de recevoir le résultat du formulaire sous forme de mail à l'adresse mentionnée
        football
                    insère une case à cocher (on peut cocher plusieurs cases à la fois) dont la valeur (football) sera associée à la variable (sport)
        football
                    insère une case à cocher (on ne peut cocher qu'une seule case à la fois) dont le contenu sera associé à la variable "observations"
                 insère une boîte de texte qui permet au visiteur de rentrer librement des caractères dans un espace prévu à cet usage.dont la valeur (football) sera associée à la variable (sport préféré)
                    Insère un bouton "ENVOYER" indispensable pour soumettre tout fomulaire. En cliquant sur ce bouton, le visiteur déclenche l'envoi des données du formulaire qu'il vient de remplir vers l'adresse indiquée dans la balise d'envoi (action mailto)


        Balises de référencement


              Permet de décrire votre site au moteur de recherche. Ce sont ces quelques lignes qui apparaissent dans le résultat de la recherche.
        Permet de spécifier les mots-clés de votre page et de placer votre site en bonne place lors des recherches sur un thème donné.
          Permet de spécifier le nom de l'auteur du document.
          Ceci est en général placé automatiquement lorsque vous utilisez un générateur de source WYSIWYG tel que DreamWeaver ou Front Page. a titre de rappel abonnez vous a mon newsletter pour recevoir des mises a jour pour se tutoriel .

        Posts les plus consultés de ce blog

        comment telecharger une video sur youtube et les réseaux sociaux

        Image
        aujourd’hui je vais vous monter les techniques simples pour télécharger des vidéos sur youtube et d'autre réseaux sociaux. tout d’abord nous allons commencer par comment télécharger une vidéo  sur youtube et pour ce que je sache il existe deux méthodes pour télécharger une vidéos sur youtube au niveaux de l'adresse de la vidéo sur votre navigateur il vous suffit d'augmenter a youtube   ss et de réactualiser la page de votre navigateur ou d’appuyé sur entrée et la youtube vous envois sur la page de téléchargement et vous clicker sur télécharger et le tout est jouer exemple: vous êtes sur la page de la vidéo que vous voulez télécharger ou bien vous êtes en train de visionner la vidéo et vous voulez la revisionner pour une autre foi ; alors vous regarder au niveau de la dresse de la vidéo dans la barre du navigateur et vous avez ça: https://www. youtube .com/watch?v=r4AMoZliJ0I comme sur l'image et pour dont télécharger la vidéo il vous faut modifier l'ad...
        lire la suite »

        clé d'activation power iso

        Image
        ici la clé que je vais vous montrer marche sur toute les versions de    power iso au niveau du NOM vous mettez  MAJAX31   et pour la clé ou numéro de série vous mettez sa U1XQU-F1339-3AKXA-XTKJB-DCI3Z en résumer NOM =   MAJAX31 NUMERO DE SERIE = U1XQU-F1339-3AKXA-XTKJB-DCI3Z vous auriez un truc comme sur l'image écran d’accueil power iso dans le cas ou vous n'avez pas encore POWER ISO ou par contre votre version ne marche pas correctement alors je vous conseil d'aller directement sur le site de POWER ISO et de télécharger la version toujours a jour et pour la clé faut pas vous inquiétez; car sa marche et sa va toujours marche les amies en cas de soucis contactez moi ou bien et pour quoi pas visiter cette page si vous avez trouver satisfaction alors partager le ou bien lasser un commentaire .  
        lire la suite »

        comment rendre une clé usb bootable

        Image
        salut les amies aujourd’hui je vais vous montrer en détail comment rendre une clé usb bootable pour quoi une clé usb bootable ? la plus parts des temps nous voulons des systèmes simple, rapide et efficace pour certain de nos besoin au quotidien pour nous permettre de gagner en temps et surtout comme ont le dit souvent le temps c'est de l'argent et de ce qui est bien vrai ; d’où la nécessité d'une clé usb bootable qui va dont vous faire gagner du temps lors de la réinstallation de vos systèmes d'exploitation parce que le système sur une clé usb est bien plus rapide que le système sur CD dans un lecteur pour la réinstallation; et aussi vous permettras d’installer les ordinateurs qui n'ont pas de lecteur CD mais bon je croit que tout sa vous les saviez déjà et pour ceux qui peut être ne le savait pas; excuser moi dont de ne pas avoir été assez explicite ou bien convaincant pour vous mais le plus important , je crois que c'est bien la suite ,alors letqo....
        lire la suite »