Please enable JavaScript.

Coggle requires JavaScript to display documents.

HTML / CSS - Coggle Diagram

- - - - logo bannière du site
    - - englobe une portion qui peut être reprise d'un autre site
    - - regrouper des contenus en fonction de leur thématique
    - - pied de page
    - - pour les liens de navigation
  - - - Inline
        
        <a>
        
        Lien cliquable
        
        <strong>
        
        Texte en gras
      - Block
        
        <p>
        
        Créer un paragraphe
        
        <h1-6>
        
        Titre
        
        Tableaux
        
        <tr> lignes
        
        <td> cellules
        
        <tfoot></tfoot>
        
        <tbody></tbody>
        
        <thead></thead>
        
        Fusion des cellules
        
        colspan
        
        rowspan
        
        Formulaires
        
        method: quel moyen les données vont être envoyées
        
        GET
        
        limitée à 255 caractères
        
        POST
        
        action : page où les information seront envoyées
        
        <input type="valeur"/>
        
        submit : envoie le formulaire
        
        reset : remet les valeurs par défaut
        
        image : envoie des images
        
        <fieldset>
        
        Groupe de champs
        
        <label>
        
        Libellé d'un champ
        
        <textarea>
        
        Zone de saisie multiligne
        
        <select>
        
        Liste déroulante
        
        <option>
        
        Élément d'une liste déroulante
        
        <legend>
        
        Titre d'un groupe de champs
        
        <audio src=""musique.mp3">
        
        Met de la musique
        
        <video>
        
        Mettre une vidéo
    - - <title>
        
        Titre de l'onglet
      - <link>
        
        Ajouter d'autres fichiers
- - - - .classe
    - - #id
    - - nom
  - - - Fonds
        
        background-repeat: no-repeat;
        
        background-color: rgb(255,255,255)
        
        background-image: url("nom.png")
      - Texte
        
        opacity: 0.5
        
        text-shadow: 2px 2px 4px black;
        
        font-size: 16px
        
        color: white
        
        font-family: police;
        
        Lignes
        
        underline : souligné ;
        
        line-through : barré ;
        
        overline : ligne au-dessus ;
        
        blink : clignotant. Ne fonctionne pas sur tous les navigateurs (Internet Explorer et Google Chrome, notamment) ;
        
        none : normal (par défaut).
        
        font-weight
        
        bold : gras
        
        normal; par défaut
        
        font-style: italic
      - Bordures
        
        Types de trait
        
        none : pas de bordure (par défaut) ;
        
        solid : un trait simple ;
        
        dotted : pointillés ;
        
        dashed : tirets ;
        
        double : bordure double ;
        
        groove : en relief ;
        
        ridge : autre effet relief ;
        
        inset : effet 3D global enfoncé ;
        
        outset : effet 3D global surélevé.
        
        border: 3px red dashed;
      - float: right/left
      - Div
        
        margin: 10px
        
        padding: 10px
      - cursor:default
  - - - :hover
    - - :visited
    - - :focus