• Un cadre gris parasite s'est mis et à décallé mon texte vers la droite:

    Supprimez cette balise:
    <DIV class=entree-contenu>
    Et ces balises: <DIV> et </DIV>


    Note:

    Vous avez des questions ?


    votre commentaire
  • (misajour le 24 septembre - Corrections diverses)


    Pour insérer une image, on doit utiliser la balise "<img />".
    C'est une balise de type seule (comme "<br />").

    Elle peut prendre plusieurs attributs, et 2 d'entre eux sont indispensables :

    src : Permet d'indiquer où se trouve l'image que l'on veut insérer. Vous pouvez soit mettre un chemin en absolu (ex. : "http://www.site.com/votrimage.png"), soit mettre le chemin en relatif (ce qu'on fait le plus souvent). Ainsi, si votre image est dans un sous-dossier "images" vous devrez taper :
    src="images/votrimage.png"

    alt :alt="Mon image 1"
    Je suis conscient que cela doit vous paraître barbant de mettre un texte alternatif, surtout que ça ne vous semble pas à priori "utile", mais il faut absolument que vous le fassiez. Si vous ne le faites pas, votre page ne sera plus une page XHTML "valide" et votre site sera détecté comme non conforme aux normes.




    L'insertion d'image est quelque chose de très facile pour peu qu'on sache indiquer où se trouve l'image avec un chemin relatif.
    La plus grosse "difficulté" (si on peut appeler ça une difficulté) consistait à choisir le bon format d'image. Ici, c'est une photo donc c'est évidemment le format JPEG qu'on a utilisé.



    Exemple d'insertion d'image :


    Code
    :
    HTML

    1 <p>

    2      Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
        <img src="images/votrimage.jpg" alt="Ma photo 1" />
    4 <p>

    ATTENTION:

    Evitez à tout prix les accents, majuscules et espaces dans vos noms de fichiers et de dossiers. Voici un chemin qui va poser problème :
    "Images du site/Image toute bête.jpg"
    Il faudrait supprimer les espaces (ou les remplacer par le symbole "_"), supprimer les accents et tout mettre en minuscules comme ceci :
    "images_du_site/image_toute_bete.jpg"
    Sachez donc que si votre image ne s'affiche pas, c'est très certainement parce que le chemin est incorrect ! Simplifiez au maximum vos noms de fichiers et de dossiers et tout ira bien.




    Notez aussi que les images se mettent obligatoirement à l'intérieur d'un paragraphe (<p></p>). Si vous ne le faites pas, comme pour "alt" la page s'affichera peut-être correctement mais elle ne sera alors plus valide.


    Sites dédiés:


    http://www.siteduzero.com/tutoriel-3-13506-0-les-images.html#ss_part_2


    Note:

    Vous avez une précision à apporter ?


    5 commentaires
  • (misajour le 25 septembre 2008 - 1 ajout et Corrections diverses)


    Ajouter dans le code HTML d'un billet des liens vers d'autres pages:

    À suivre...


    Ajouter dans le code HTML d'un billet le contenu HTML du billet d'un autre blog(g):

    1)
    Blog A, copiez le contenu HTML...
    2) Dans le billet nouveau, cliquez sur le logo [HTML] de l'éditeur de texte (au dessus du billet)...
    3) Dans la fenêtre qui s'ouvre, collez.
    4) Cliquez sur [Appliquer] ce qui ferme la fenêtre, puis cliquez sur [Publier] (en bas du billet).


    Ajouter dans le code HTML d'un billet une règle horizontale:

        <HR id=null>


    Note:

    Vous avez d'autres questions ?


    votre commentaire
  • (misajour le 24 septembre 2008 - Ajouts)


     "audio"

     <
    !-- -->  ajoute un commentaire
     <&lt>  ajoute "<"
     </tr>  Saut de ligne


     <a>
     ancre
     <abbr>  abréviation (e.g., WWW, HTTP, etc.)
     <acronym> acronyme
     <address> informations sur l'auteur
     <applet> applet Java
     <area> aire d'image cliquable côté client
     <author>  informations sur l'auteur

     <b> style de texte gras
     <banner> ajoute une bannière
     <base> URI de base du document
     <basefont> taille de la police de base
     <bdo> inactivation de l'algorithme I18N BiDi
     <big> style de texte agrandi
     <blink> texte qui clignote
     <blockquote> citation longue
     <body> corps du document
     <br> saut de ligne forcé
     <br/>  
     <button> bouton poussoir


     <caption> légende de la table
     <center> raccourci pour DIV align=center
     <cite> citation
     <code> fragment de code
     <col> colonne de table
     <colgroup> groupe de colonnes de table
     <credit>  ajoute les crédits


     <dd> description de la définition
     <del> texte supprimé [ndt. deleted]
     <dfn> définition d'instance (permet de créer une sous définition)
     <dir> liste d'annuaire [ndt. directory list]
     <div> conteneur de langue/style générique
     <DIV class=entree-contenu> Encadrement gris
     <dl> liste de définitions [ndt. definition list]
     <dt> terme de définition [ndt. definition term]


     <em> emphase (similaire à l'italique)


     <fieldset> groupe de commandes de formulaire
     <font> changement local à la police
     <form> formulaire interactif
     <form method>  
     <frame> sous-fenêtre
     <frameset> subdivision de fenêtre


     <h1> titrage
     <h2>
    titrage
     <h3>
    titrage
     <h4>
    titrage
     <h5>
    titrage
     <h6>
    titrage
     <head> en-tête du document
     <hr> règle horizontale
     <HR id=null>  règle horizontale par défault
     <html> élément racine du document

     <i> style de texte italique
     <iframe> sous-fenêtre en-ligne
     <img> image incoporée
     <input> commande de formulaire
     <input type=
     <input name=
     <input sise=
     <input value=
     <input maxlength=
     <ins> texte inséré [ndt. inserted text]
     <isindex> invite sur une seule ligne


     <kbd> (keyboard) texte à entrer par l'utilisateur


     <label> texte du label d'un champs de formulaire
     <label for=  
     <label style  
     <legend> légende du jeu de champs
     <li> item de liste
     <link> lien indépendant du média


     <map> image cliquable côté client
     <menu> liste de menus
     <meta> métainformations génériques


     <noframes> conteneur du contenu de remplacement pour une restitution sans cadres
     <noscript> conteneur du contenu de remplacement pour une restitution sans scripts

     <object> objet incorporé générique
     <ol> liste ordonnée [ndt. ordered list]
     <optgroupe> groupe d'options
     <option> option sélectionnable


     <p> paragraphe
     <param> valeur de propriété nommée
     <pre> texte préformaté


     <q> brè citation en-ligne


     <s> style de texte barré [ndt. strike-through]
     <samp> exemple de sortie d'un programme, scripts, etc. (affiche les caractères de manière littérale
     <script> déclarations de script
     <select> sélecteur d'option
     <small> style de texte diminué
     <span> conteneur de langue/style générique
     <strike> texte barré
     <strong> forte emphase (Permet de faire ressortir du texte gras)
     <style> indication de style
     <sub> écriture en lettres inférieures (texte en indice)
     <sup> écriture en lettres supérieures (texte en exposant)


     <table>  
     <tbody>
    corps de table
     <td> cellule de données d'une table [ndt. table data cell]
     <td nowrap  
     <textarea> champs de texte multiligne
     <tfoot> pied de table
     <th>  cellule de rubrique d'une table [ndt. table header cell]
     <thead> en-tête de table
     <title> titre du document
     <tr> rangée de table [ndt. table row]
     <tt> style de texte téléimprimeur ou à chasse fixe [ndt. monospaced] (style machine à écrire)


     <u> style de texte souligné
     <ul> liste non-ordonnée [ndt. unordered list]

     <var> instance d'une variable ou argument de programme


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique