====== HTML ====== L'[[HTML]] est le langage qui **structure** les pages web. Un page se découpe essentiellement ==== Éléments de structure ==== === Structure principale === === Paragraphes ===

=== Listes === == Listes ordonnées == On utilise la balise ''ol'' pour créer une liste ordonnée. Tous les éléments de la liste sont signalés par la balise ''
  • '' :
    1. yop
    2. yep
    == Listes non ordonnées == On utilise la balise ''ul'' pour créer une liste non-ordonnée : == Exemple de mélange == On peut bien entendu mélanger les deux types de listes : === Tableaux === Pour créer un tableau, on utilise la balise ''''. Chaque ligne est créée avec la balise '''' et chaque colonne dans une ligne est créée avec la balise ''
    ''. Ici le tableau a une bordure de ''1px''.
    Les monstres célèbres par année de naissance
    Monstres célèbres Année de naissance
    King Kong 1933
    Dracula 1897
    Frankenstein 1935
    === Div === ''Div'' permet de **div**iser une page en plusieurs "conteneurs" afin, par exemple, de leur attribuer un style différent, de les faire pointer vers des liens, etc. Ici, un exemple avec quatre ''div'', avec chacun une couleur différentes. Le dernier est aussi un lien qui pointe vers [[http://korben.info|Korben.info]].
    ==== Mise en forme ==== === Gras et emphase === On peut mettre un mot ou un groupe de mots en gras avec la balise '''' et en italique (emphase) avec la balise '''' :

    Du texte avec du gras et une partie italique.

    === L'argument "style" === Pour presque chaque élément de la structure, on peut rajouter des titres, de la couleur, choisir la taille du texte. On utilise l'argument ''style'' dans les balises correspondantes, comme par exemple : Récapitulatif

    Paragraphe simple

    Paragraphe en 14 pixels

    Paragraphe en rouge

    Paragraphe en "Bodoni"

    Paragraphe avec un fond en rouge

    Un paragraphe

    {{ :20160102-html-1.png?800 | Capture d'écran de Codecademy.com}} === Alignement === L'argument "style" permet également d'aligner un titre, un paragraphe, etc.

    Titre à gauche

    Titre au centre

    Titre à droite

    ==== Gestion des images ==== Pour insérer une image, on utilise la balise ''img'' : ==== Sources et tutoriels ==== * [[https://www.codecademy.com/fr/learn/web|Le cours HTML & CSS de Codecademy]] * [[http://www.codeshttp.com/baliseh.htm|Toutes les balises HTML]]