Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML

    Transféré par

    Yann Pollet
    29 vues2 pages
    html

    Copyright

    © © All Rights Reserved

    Formats disponibles

    ODT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme ODT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    29 vues2 pages

    HTML

    Transféré par

    Yann Pollet
    html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme ODT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    HTML

    I- LES BALISES

    <!DOCTYPE html> --- pour indiquer que le langage utilisé est du HTML 5.

    <!-- mon commentaire → pour ajouter des commentaires.

    paragraphe <p>

    header <h> de <h1> à <h6>

    <br> saut de ligne

    <em> italique et <strong> gras pour mettre en valeur certaines parties


    <mark> fait ressortir une partie du texte, mais pas particulièrement importante

    Les listes - <ul> sans ordre et <ol> ordonnées


    Chaque élément balisés par <li>

    Les images - <img src=> --- <img src="URI de l'image à insérer"> , que ce soit local ou sur un
    serveur.

    Les liens - <a href=> <a href="http://validator.w3.org/">Testez votre page en ligne</a>


    <a href="page2.html</a>
    <a href="dossiercontenant/page2.html</a>
    <a href="../page2.html</a> ===> dossier parent
    lien vers une ancre
    <a href="#monancre"> aller vers l'ancre </a>
    <a href="ancre.html#monancre"> aller vers l'ancre </a> nous amène vers une ancre
    sur une autre page.

    Les ancres – des repères dans une page id="monancre" à ajouter à n'importe quelle balise
    ex : <h2 id="monancre"> titre du h2 </h2>

    Les tableaux - <table> avec comme éléments le header <th>, les lignes <tr> et les colonnes <td>
    <table border="1"> , border est l'attribut contour , plus ou moins épais

    II- LES ATTRIBUTS

    <tag attrN="valN">

    par exemple pour un tableau, on peut fusionner les cellules ou les colonnes avec rowspan et
    colspan
    <td rowspan="2"> 2 >/td>. La valeur 2 de l'attribut indique donc le nombre de lignes ou colonnes à
    fusionner.

    III- LES FORMULAIRES

    Défini par le tag <form>


    Permet d'échanger des infos entre le client et le serveur. ==> ex : coordonnées d'un utilisateur

    <form action="http://somesite.com/prog/adduser" method="get">


    <p>
    Nom: <input type="text" name="firstname"><br>
    Prénom: <input type="text" name="lastname"><br>
    Email: <input type="text" name="email"><br>

    <input type="radio" name="sex" value="Male" >H


    <input type="radio" name="sex" value="Female" >F
    <br>
    <br>

    <input type="submit" value="send">


    </p>
    </form>

    1 – action définit l’URLou l’action exécutée (méthode javascript) lors du « submit »


    L'attribut action peut être soit une URL soit un appel à une fonction javascript :
    « javascript:mafonction() »

    • 2 – method définit la méthode d’envoi des données (get ou post)

    • 3 – input sont les éléments du formulaire (dont le bouton d’envoi), on peut en cacher certains
    (hidden).

    Vous aimerez peut-être aussi