Scribd Logo
Importer

Bienvenue sur Scribd !

  • 0 vues

    annexes1

    Transféré par

    chaker

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    annexes1

    Transféré par

    chaker
    0 vues2 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    0 vues2 pages

    annexes1

    Transféré par

    chaker

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 2

    Annexe HTML5

    Eléments de 1er niveau Eléments de section


    <html> Représente la racine d'un document HTML. <header> Conteneur pour le contenu d’introduction ou un
    <head> Conteneur de métadonnées placé entre la balise ensemble de liens de navigation.
    <html> et la balise <body>. <nav> Définit un ensemble de liens de navigation.
    <body> Définit le corps du document. <footer> Définit un pied de page pour un document ou une
    section.
    <section> Définit une section dans un document.
    Eléments d’en-tête
    <article> Spécifie un contenu indépendant et autonome.
    <link> Définit la relation entre le document actuel et une
    <aside> Définit un contenu en dehors du contenu principal.
    ressource externe.
    Souvent placé sous forme de barre latérale.
    <meta> Définit les métadonnées du document.
    <main> Définit le contenu principal d'un document.
    <script> Intègre un script côté client (JavaScript).
    <style> Définit les informations de style (CSS) pour un
    document. Eléments de structuration de texte et média
    <title> Définit le titre du document. <cite> Définit le titre d'une œuvre.
    <p> Définit un paragraphe.
    Boite <source> Spécifie plusieurs ressources multimédias pour les
    <span> Regroupe des éléments dans un éléments multimédias.
    bloc de contenu. <hn> Définit un titre de niveau n (de 1 à 6).
    <div> Grouper plusieurs éléments Html <hr> Définit une rupture thématique sous forme de ligne
    de type block. horizontale.
    <iframe> Définit un cadre en ligne. <img> Intègre une image.
    <figure> Spécifie un conteneur autonome qui peut contenir
    Tableau divers éléments.
    <figcaption> Définit une légende pour un élément <figure>.
    <table> Définit un tableau.
    <audio> Intégrer du contenu sonore dans un document.
    <caption> Définit une légende de tableau.
    <video> Intègre du contenu vidéo dans un document.
    <tr> Définit une ligne dans un tableau.
    <a> Définit un lien hypertexte via l’attribut href.
    <th> Définit une cellule d'en-tête dans un tableau.
    <br> Définit un retour à la ligne.
    <td> Définit une cellule dans un tableau.
    <address> Définit les coordonnées de l'auteur/propriétaire
    d'un document ou d'un article.
    Formulaire <mark> Définit le texte qui doit être marqué ou mis en
    surbrillance.
    <form> Crée un formulaire HTML. <details> Spécifie des détails supplémentaires que l’utilisateur
    <fieldset> Regroupe des éléments liés dans un formulaire. peut ouvrir et fermer à la demande.
    <legend> Définit une légende pour l'élément <fieldset>. <summary> Définit un en-tête visible pour l'élément <details>.
    <label> Définit un libellé pour un élément graphique.
    <input> Définit un champ de saisie de types : "button", "time", Listes
    "checkbox", "date", "email", "image", "number",
    <ul> Définit une liste à puces.
    "password", "radio", "range", "reset", "submit", "tel",
    "text", "url". <ol> Définit une liste ordonnée.
    <textarea> Définit une zone de saisie de texte multilignes. <li> Définit un élément dans une liste.
    <select> Définit une liste déroulante.
    <datalist> Spécifie une liste d'options prédéfinies connectée à un Evènements
    élément <input>.
    onblur Se déclenche au moment où l'élément perd le
    <option> Définit une option dans une liste de sélection.
    focus.
    onclick Se déclenche lors d’un clic sur l’élément.
    Attributs globaux onfocus Se déclenche au moment où l'élément obtient le
    class Spécifie un nom de classe pour un élément. focus.
    hidden Renseigne la visibilité d'un élément. oninput Se déclenche dès que la valeur d'un élément a
    changé.
    id Spécifie un identifiant unique pour un élément HTML.
    onload Se déclenche lorsque la page est complètement
    lang Spécifie la langue du contenu de l'élément. chargée.
    style Spécifie un style en ligne. onmouseover Se déclenche lorsque le pointeur de la souris
    title Spécifie des informations supplémentaires sur un survole l’élément.
    élément. onsubmit Se déclenche lorsqu'un formulaire est soumis.
    Annexe CSS3
    Sélecteurs Propriétés des images
    * Sélectionne tous les éléments. Définit des filtres sur un élément (blur() ;
    filter
    element1 Sélectionne tous les éléments de type element. grayscale() ; invert()).
    Cible un élément en fonction de la valeur de son
    #id Propriétés des tableaux
    attribut id.
    Définit la façon de disposer les cellules, lignes
    Cible les éléments en fonction de la valeur de leur table-layout
    .class et colonnes d’un tableau.
    attributs class.
    border-collapse Définit si les bordures des cellules sont
    Cible tous les éléments de type element en fonction de
    element.class fusionnées ou séparées (separate ; collapse).
    la valeur de leur attributs class.
    a:link Cible tous les liens non visités. Propriétés des boîtes
    a:visited Cible tous liens visités. width Définit la largeur d'un élément.
    Cible l’élément au moment où l’utilisateur le survole height Définit la hauteur d'un élément.
    a:hover
    avec le pointeur de la souris.
    Spécifie le type de la méthode de
    a:active Cible tous les liens activés. position positionnement utilisée pour un élément
    1Il est possible de cibler plusieurs element de différents types en les séparant par des (absolute ; fixed ; relative ; static ; sticky).
    virgules « , ». Propriété abrégée qui définit la marge intérieur
    padding
    d’un élément des 4 cotés.
    margin Définit les marges d'un élément.
    Propriétés de mise en forme du texte box-shadow Ajoute des ombres à la boîte d’un élément.
    Spécifie les noms de polices possibles par ordre de Spécifie le comportement d'affichage d'un
    font-family display
    préférence. élément (inline ; block ; inline-block).
    Spécifie la manière dont les caractères d’un texte Spécifie la position verticale, par rapport au
    font-weight top
    doivent être affichés (bold ; bolder ; lighter). haut, d'un élément positionné.
    font-style Spécifie le style d'un texte (italic). Spécifie la position verticale, par rapport au
    bottom
    font-size Spécifie la taille d'une police. bas, d'un élément positionné.
    Super-propriété de font. Combine font-family, font- Spécifie la position horizontale, par rapport à la
    font left
    weight, font-style, font-size. gauche, d'un élément positionné.
    Spécifie l'alignement horizontal d’un texte (left ; Spécifie la position horizontale, par rapport à la
    text-align right
    center ; right ; justify). droite, d'un élément positionné.
    text-shadow Définit une ombre au texte. Spécifie le comportement du contenu lorsque il
    Spécifie la façon de transformer les caractères d’un overflow déborde de la boîte d'un élément (visible ;
    text- hidden ; clip ; scroll ; auto).
    texte en majuscules ou en minuscules (uppercase ;
    transform
    lowercase ; capitalize). opacity Définit le niveau de transparence.
    color Spécifie la couleur du texte.
    Propriétés des bordures
    border-color Définit la couleur des bordures d'un élément.
    Propriétés des listes border-style Définit le style des bordures d'un élément.
    Définit le type de marqueur d’éléments de liste Définit le rayon des coins arrondis d’un
    list-style-type border-radius
    (circle; square ; upper-roman ; lower-alpha). élément.
    Spécifie la position des marqueurs d'éléments Définit la largeur des bordures d'un élément
    list-style-position border-width
    d’une liste à puces (outside ; inside). (medium ; thin ; thick ; valeur en px).
    Spécifie une image comme marqueur d'éléments Super-propriété de bordure. Combine border-
    list-style-image
    de liste. border color, border-style, border-width, border-
    Super-propriété de liste. Combine list-style-type, Transformationradius.
    list-style
    list-style-position, list-style-image. Applique un effet de transformation 2D ou 3D
    transform à un élément (rotate(), skew(), scale(),
    translate()).
    Propriétés de couleur et de fond
    background-color Définit la couleur d'arrière-plan d'un élément.
    Définit une image d'arrière-plan pour un Transition
    background-image
    élément.
    Spécifie le délai nécessaire avant que la
    Définit la façon dont une image d’arrière-plan est transition-delay
    background-repeat transition commence.
    répétée (repeat ; repeat-x ; repeat-y).
    transition-duration Spécifie la durée de la transition.
    background-size Spécifie la taille d’une image d'arrière-plan.
    Spécifie les propriétés CSS sur lesquelles
    transition-property
    Super-propriété d’arrière-plan. Combine l'effet de transition sera appliqué.
    background-color, background-image, Super-propriété de transition. Combine
    background
    background-repeat transition transition-property, transition-duration et
    background-size. transition-delay.

    Vous aimerez peut-être aussi