Scribd Logo
Importer

Bienvenue sur Scribd !

  • Résumé Informatique N°1 - HTML

    Transféré par

    laurenl1470
    7 vues4 pages

    Titre original

    Résumé informatique n°1 - HTML

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    7 vues4 pages

    Résumé Informatique N°1 - HTML

    Transféré par

    laurenl1470

    Droits d'auteur :

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

    Résumé informatique n°1 : HTML

     Control + s => enregistrer


     Ctrl + maj + 7 = permet de faire un commentaire
     Title = IL FAUT TOUJOURS METTRE UN TITRE D’ONGLET AUX DOCUMENTS EN ÉVAL
     ht => permet de faire afficher tous les codes pour une page html (mais il faut avoir
    noter html dans le titre du fichier)
     h1 = grand titre (h2, h3 => hiérarchie)
     P = pour faire un paragraphe
     hr = ligne horizontale
     br = saut à la ligne
     b = en gras
     i = en italique
    - Pour les listes :
    1. ul = créer une liste (pas ordonnée)
    2. ol = liste numérotée (si à partir d’un nombre spécifique => on utilise attribut
    start : <ol start= «100 »> )
    3. li = élément de la liste
    4. dl = créer une liste avec description => dt = définition et dd = description
    - Pour les tableaux :
    - Pour les liens et images
    1. Lien ancre : : <a href= « ancre »> titre du lien<a/> (on fait apparaître ça avec
    anchor a et il faut avoir mis l’ancre ailleurs avec par exemple <h3
    id= « ancre »>titre<h3/>
    2. Lien vers un mail : <a href="mailto:joe@example.com">email me</a>
    3. Lien image : img + attribut : <img src="./img/uranium.jpeg" alt="image pas
    trouvée" title="radioactif ou pas ?">
    o Scr (obligatoire)= chemin de l’image
    o alt : texte alternatif (obligatoire): remplacement si l'image n'est pas
    trouvée.alt="fleur"</li>
    o width : largeur de l'image en pixels. Par exemple : width = "200px"
    o height : hauteur de l'image en pixels. Par exemple : height = "100px"</li>
    o title (obligatoire) : info-bulle est un texte qui apparait en laissant le curseur
    sur l'image
    4. Lien vers site internet : <a href= « lien_internet » target= « _blank »> titre du
    lien<a/> (on fait apparaître ça avec anchor a)
     Attribut href : adresse <b>complète</b> (avec le https) du site internet entre
    guillemets
     Attribut target : où le site doit s'ouvrir (entre guillemets), on la remplit avec :
     _blank : le lien hypertexte s’ouvre dans un nouvel onglet ou une autre
    fenêtre
     _self : (par défaut) le lien s’ouvre dans le même onglet ou sur la même
    page
     _parent : le lien hypertexte s’ouvre dans la fenêtre principale
     _top : le document s’ouvre dans une fenêtre séparée
     &lsaquo;name&#8250; cette option permet d’ouvrir le document dans
    une iframe définie(= autre page html)
    Liste non-exhaustive des balises HTML

    Balises de premier niveau

    <html> balise principale

    <head> en-tête de la page

    <body> corps de la page

    Balises d'en-tête (head)

    rel="stylesheet" type="text/css"
    <link /> liaison avec une feuille de style
    href="nomdefichier" : lien vers un fichier de style

    charset="utf-8 | iso-8859-1"
    <meta /> métadonnées de la page web name="description" content="txt" : décrit la page
    comme txt

    <script> code Javascript

    <style> code css

    <title> titre de la page

    Balises de structuration du texte

    <sup> exposant

    <sub> indice

    <strong> mise en valeur forte

    <em> mise en valeur normale

    <mark> mise en valeur visuelle

    <h1> titre de niveau 1

    ... ...

    <h6> titre de niveau 6

    <img /> image src="nomdefichier" : emplacement et nom du


    fichier image
    width=x : largeur de x pixels / height=y : hauteur de
    y pixels
    alt="texte" : affiche ce texte lorsque l'image n'est
    pas affichable
    title="texte" : affiche ce texte lorsque la souris reste
    pointée dessus.

    <video> vidéo

    format source pour les


    <source>
    balises <audio> et <video>

    href="ftp://..." : lien vers une adresse FTP


    href="mailto:nom@domaine.com" : lien vers l'e-
    <a> lien hypertexte mail de nom@domaine.com
    href="nomdefichier" : lien vers un fichier local
    href="http://..." : lien vers une page web

    <br/> retour à la ligne

    <p> paragraphe

    <hr /> ligne de séparation horizontale

    affichage formaté (pour les codes


    <pre>
    sources)

    Balises de liste

    <ul> liste à puce, non numérotée

    <ol> liste numérotée start=x : commence la numérotation à x

    <li> élément de liste à puce

    <dl> liste de définitions

    <dt> terme à définir

    <dd> définition du terme

    Balises de tableau

    <table> tableau border=x : bordure de x pixels

    <caption> titre du tableau

    <tr> ligne de tableau

    <th> cellule d'en-tête colspan=x: la cellule s'étend sut x colonnes


    rowspan=y: la cellule s'étend sut y lignes
    <td> cellule

    <thead> section de l'en-tête du tableau

    <tbody> section du corps du tableau

    <tfoot> section du pied du tableau


    Balises génériques

    id="nom" : nom de l'identifiant


    <span> balise générique de type inline
    class ="nom" : nom de la classe

    id="nom" : nom de l'identifiant


    <div> balise générique de type block
    class ="nom" : nom de la classe

    Autres

    <!-- --> commentaire

    <!
    version HTML du document <!DOCTYPE html> : HTML5
    DOCTYPE>

    Vous aimerez peut-être aussi