Apprendre le langage HTML des balises de code

Apprendre le langage HTML des balises de code


Apprentissage du code HTML commence avec l'apprentissage de la base de tags. En étudiant les exemples dans cet article, vous devez connaître toutes les balises HTML de base dont vous aurez besoin dans la création d'une simple page web.

tout d'Abord, il est important de savoir que presque chaque balise a une ouverture et une fermeture. Lorsque cela se produit, nous ouvrir avec , et fermer avec . Certaines balises ne pas ouvrir et à fermer. Ce sont tout simplement inséré par et jamais fermé (bien que dans le standard XHTML, ils serait tapé ). Dans les exemples suivants, les balises avec pas de barres obliques dans leur indiquer qu'ils doivent être ouvertes et fermées, tandis que les balises avec une barre oblique après le contenu () seulement besoin d'être inséré et jamais fermé.

Note: '' n'est pas une vraie balise.

en outre, les attributs sont des éléments d'information placé à l'intérieur d'une balise. Par exemple, à l'utilisation de la balise attribut de couleur, il faudrait créer ceci: , où COLORINFO serait remplacé par la valeur appropriée et l'ensemble de la balise de fermeture avec un simple (pas ).

CADRE BALISES & Ces balises constituent le cadre de base pour la aucun de la page web.

  1. Cette balise se produit au début d'une page HTML. Il fait partie de la structure de base de toute la page.

  • Cette balise vient après la balise et définit la 'tête' de votre document, où vous pourrez placer des informations que vous ne voulez pas directement sur votre page web. Ici vous pouvez mettre des informations comme le titre, les balises meta et le CSS.
  • </b> Cette balise indique le titre. Il appartient entre les <head> balises. Les mots que vous voulez sur la barre de titre du navigateur doit être placé entre <title> et balises.
  • Cette balise s'ouvre le corps de votre page web, où la majeure partie du contenu sera entré. Il a deux attributs: 'arrière-plan' et 'bgcolor.' Une valeur de fond doit être l'URL d'une image (pour créer une image d'arrière-plan) et une bgcolor valeurs doivent être d'une couleur en word ou en format hexadécimal (ex: 'gris' ou #FF55AA).
  • Toutes les balises à ce stade sont les balises nécessaires pour le cadre de votre page web (à l'exception de son titre, mais il est considéré comme la norme). C'est ce que le cadre de tout code HTML devrait ressembler à:




    Les mots, les images et les tables que vous voulez sur votre page web devrait tomber entre les balises . Plus tard dans cet article, je vais montrer la source pour une très simple page web.

    la DÉCORATION de TEXTE & Les balises suivantes sont à la base de balises qui servent à décorer le texte.

    1. Cette balise rend le texte en gras.
    2. Cette balise rend le texte en italique.
    3. Cette balise permet de texte souligné.
    4. Cette balise rend le texte plus grand.

    Ces balises peuvent être utilisés séparément ou en combinaison pour créer plus d'effets. Par exemple: Cetextesouligné, tandis que ce texte est intense!

    1. d'Autres effets de texte qui peut être réalisé à l'aide de la balise . Les attributs importants ici sont 'couleur', 'taille' et 'face'. Les valeurs de la couleur doit en word ou en format hexadécimal (ex. 'fuchsia' ou #BB6677), les valeurs de la taille doit être un numéro un à travers sept (sept étant le plus important), et la valeur faciale peut être le nom de la police.

    Ex: Ce texte est modifié.

    Ce texte est modifié.

    EXEMPLE de PAGE de CODE

    Le code pour un exemple de page web pourrait ressembler à ceci:



    Exemple de Page web!

    Ce texte est en gras!

    Ce texte n'est pas en gras. Ni est-il formaté par tout autre moyen.


    mise en forme du TEXTE & Les balises suivantes sont à la base de balises de formatage de texte.


    1. Cette balise crée une rupture dans le texte. En appuyant sur 'enter' dans votre éditeur HTML ne crée pas une véritable rupture sur la page, donc vous devez utiliser cette balise pour créer des sauts de ligne.
    2. ,

      ,

      ,

      ,

      ,
      , Ces balises sont 'en-tête' balises.

      crée le plus grand en-tête, tandis que crée le plus petit d'en-tête. Un en-tête se compose de taille-modifié le texte avec des sauts de ligne au-dessus et au-dessous.

    3. de La balise de paragraphe crée un saut de ligne avant et après un paragraphe de texte.

    l'INSERTION de MÉDIAS & Les balises suivantes sont utilisées pour insérer divers médias.

    1. La balise d'image insère une image. Il a une nécessaire attribut 'src.' La valeur pour 'src' doit être l'URL d'une image.

      Ex:

    2. La balise d'ancrage insère un lien hypertexte. Il dispose également d'un nécessaire attribut & 'href.' La valeur pour 'href' doit être l'URL du site web (ou une image ou un fichier, etc.) pour lequel vous souhaitez créer un lien.

      Ex: Ce site est super!

    la CRÉATION de LISTES & Les balises suivantes sont utilisées pour créer des listes.

    Toutes les listes sont faites à l'aide de l'un des principaux balise ouvrante (,

      ou
        ), qui doit être fermé une fois la liste terminée, et l'élément de la liste de balises (
      1. ), qui doit être fermé après chaque élément de la liste.

          • La liste non ordonnée tag crée une liste marquée par de petits cercles noirs. L'attribut 'type' peut avoir les valeurs de 'disque', de 'cercle' ou 'carré' qui modifient les petits cercles noirs dans d'autres marqueurs.

            Note: (liste à puces) est le même que

              , sauf que la liste est tiré vers la gauche (généralement pas de préférence).

              1. de La liste ordonnée tag crée une liste marquée par des chiffres. La valeur pour le 'début' de l'attribut peut être un nombre, qui indique la liste à l'endroit où pour commencer la numérotation. La valeur pour le 'type' attribué peut être Un, a, I, I, ou 1, qui raconte la liste de ce type de numérotation à utiliser (alphabétique, numérique, ou Romains).

              TABLES & Les balises suivantes sont utilisées pour créer des tables.

              les Tableaux sont les plus avancés sujet couverts en HTML de base.

              1. La balise table signifie le début d'un tableau. Les attributs possibles sont 'bgcolor', de 'frontière', 'cellpadding,' 'cellspacing,' 'largeur', de 's'aligner', ou 'valign.'
                • la valeur de La 'bgcolor' attribut est une couleur dans le format hexadécimal (ex. #33AA44).
                • La valeur de la 'frontière' de l'attribut est un nombre qui indique l'épaisseur de la bordure.
                • la valeur de La 'cellpadding' attribut est un nombre qui indique la distance (en pixels) entre la bordure et le contenu de la table.
                • la valeur de La 'cellspacing' attribut est un nombre qui indique la largeur de la bordure.
                • la valeur de La 'largeur' de l'attribut est un nombre qui indique la largeur de la table (en pixels).
                • la valeur de La 'aligner' attribut doit être de 'gauche', 'droite' ou de 'centre', et indique si le contenu du tableau est aligné.
                • la valeur de La 'valign' attribut doit être 'en haut', 'bas' ou 'milieu', et indique l'endroit où le contenu de la table aligne verticalement.

              2. Cette balise définit une ligne de la table. Vous devez créer avant de créer un et
                . Vous de toujours définir les lignes avant de définir les cellules dans ces lignes (ce qui créer des colonnes). Vous pouvez utiliser l'attribut 'height' en donnant une valeur qui, en pixels, permettra de définir la hauteur de la ligne. Vous pouvez également utiliser un pourcentage (ex. '30%') pour définir la quantité de la page, il va prendre vers le haut (verticalement), mais ce n'est pas recommandé pour une ligne du tableau.
              3. Cette balise définit une cellule de tableau. L'Information peut être placé dans une cellule de tableau, tandis que le
                conjointement définir ce qu'est une table ressemblera. Vous pouvez utiliser la 'largeur' de l'attribut ici de définir, en pixels, la largeur de la cellule sera. Vous pouvez également utiliser un pourcentage (ex. '55%') pour définir la quantité de la page, il va en prendre (à l'horizontale).

                Voici un exemple de code qui pourrait créer un tableau:









                Ceci est la première ligne, première colonne! Ceci est la première ligne, deuxième colonne!
                Ceci est la deuxième ligne de la première colonne! Ceci est la deuxième ligne, deuxième colonne!

                Vous pouvez copier ce code dans votre éditeur HTML pour voir ce que le produit fini devrait ressembler. Se sentir libre pour bricoler avec elle par l'ajout de plusieurs lignes, l'inégalité de la quantité de cellules de tableau dans chaque ligne et de divers attributs.

                & nbsp







                Apprendre le langage HTML des balises de code


                Apprendre le langage HTML des balises de code : Plusieurs milliers de conseils pour vous faciliter la vie.


                Apprentissage du code HTML commence avec l'apprentissage de la base de tags. En etudiant les exemples dans cet article, vous devez connaître toutes les balises HTML de base dont vous aurez besoin dans la creation d'une simple page web.

                tout d'Abord, il est important de savoir que presque chaque balise a une ouverture et une fermeture. Lorsque cela se produit, nous ouvrir avec , et fermer avec . Certaines balises ne pas ouvrir et a fermer. Ce sont tout simplement insere par et jamais ferme (bien que dans le standard XHTML, ils serait tape ). Dans les exemples suivants, les balises avec pas de barres obliques dans leur indiquer qu'ils doivent etre ouvertes et fermees, tandis que les balises avec une barre oblique apres le contenu () seulement besoin d'etre insere et jamais ferme.

                Note: '' n'est pas une vraie balise.

                en outre, les attributs sont des elements d'information place a l'interieur d'une balise. Par exemple, a l'utilisation de la balise attribut de couleur, il faudrait creer ceci: , ou COLORINFO serait remplace par la valeur appropriee et l'ensemble de la balise de fermeture avec un simple (pas ).

                CADRE BALISES & Ces balises constituent le cadre de base pour la aucun de la page web.

                1. Cette balise se produit au debut d'une page HTML. Il fait partie de la structure de base de toute la page.

              4. Cette balise vient apres la balise et definit la 'tete' de votre document, ou vous pourrez placer des informations que vous ne voulez pas directement sur votre page web. Ici vous pouvez mettre des informations comme le titre, les balises meta et le CSS.
              5. </b> Cette balise indique le titre. Il appartient entre les <head> balises. Les mots que vous voulez sur la barre de titre du navigateur doit etre place entre <title> et balises.
              6. Cette balise s'ouvre le corps de votre page web, ou la majeure partie du contenu sera entre. Il a deux attributs: 'arriere-plan' et 'bgcolor.' Une valeur de fond doit etre l'URL d'une image (pour creer une image d'arriere-plan) et une bgcolor valeurs doivent etre d'une couleur en word ou en format hexadecimal (ex: 'gris' ou #FF55AA).
              7. Toutes les balises a ce stade sont les balises necessaires pour le cadre de votre page web (a l'exception de son titre, mais il est considere comme la norme). C'est ce que le cadre de tout code HTML devrait ressembler a:




                Les mots, les images et les tables que vous voulez sur votre page web devrait tomber entre les balises . Plus tard dans cet article, je vais montrer la source pour une tres simple page web.

                la DECORATION de TEXTE & Les balises suivantes sont a la base de balises qui servent a decorer le texte.

                1. Cette balise rend le texte en gras.
                2. Cette balise rend le texte en italique.
                3. Cette balise permet de texte souligne.
                4. Cette balise rend le texte plus grand.

                Ces balises peuvent etre utilises separement ou en combinaison pour creer plus d'effets. Par exemple: Cetextesouligne, tandis que ce texte est intense!

                1. d'Autres effets de texte qui peut etre realise a l'aide de la balise . Les attributs importants ici sont 'couleur', 'taille' et 'face'. Les valeurs de la couleur doit en word ou en format hexadecimal (ex. 'fuchsia' ou #BB6677), les valeurs de la taille doit etre un numero un a travers sept (sept etant le plus important), et la valeur faciale peut etre le nom de la police.

                Ex: Ce texte est modifie.

                Ce texte est modifie.

                EXEMPLE de PAGE de CODE

                Le code pour un exemple de page web pourrait ressembler a ceci:



                Exemple de Page web!

                Ce texte est en gras!

                Ce texte n'est pas en gras. Ni est-il formate par tout autre moyen.


                mise en forme du TEXTE & Les balises suivantes sont a la base de balises de formatage de texte.


                1. Cette balise cree une rupture dans le texte. En appuyant sur 'enter' dans votre editeur HTML ne cree pas une veritable rupture sur la page, donc vous devez utiliser cette balise pour creer des sauts de ligne.
                2. ,

                  ,

                  ,

                  ,

                  ,
                  , Ces balises sont 'en-tete' balises.

                  cree le plus grand en-tete, tandis que cree le plus petit d'en-tete. Un en-tete se compose de taille-modifie le texte avec des sauts de ligne au-dessus et au-dessous.

                3. de La balise de paragraphe cree un saut de ligne avant et apres un paragraphe de texte.

                l'INSERTION de MEDIAS & Les balises suivantes sont utilisees pour inserer divers medias.

                1. La balise d'image insere une image. Il a une necessaire attribut 'src.' La valeur pour 'src' doit etre l'URL d'une image.

                  Ex:

                2. La balise d'ancrage insere un lien hypertexte. Il dispose egalement d'un necessaire attribut & 'href.' La valeur pour 'href' doit etre l'URL du site web (ou une image ou un fichier, etc.) pour lequel vous souhaitez creer un lien.

                  Ex: Ce site est super!

                la CREATION de LISTES & Les balises suivantes sont utilisees pour creer des listes.

                Toutes les listes sont faites a l'aide de l'un des principaux balise ouvrante (,