• Balises

    Il existe deux type de balise en HTML : les balises en paire, et les balises orphelines

    Les balises en paire sont les plus répandues, et s'écrivent de la façon suivante :

    <balise attribut="valeur"> Contenu </balise>

    Elles se composent d'une balise ouvrante et d'une balise fermante. Les informations de la balise sont donc appliquées à l'ensemble du contenu. Il en existe énormément, tel que les balises de paragraphe <p>, les balises de lien <a>, de liste <ul>, de formulaire <form>...

     

    Il existe également des balises dites "orphelines", qui ne sont composé que d'une unique balise.

    <balise attribut="valeur" />

    Ce type de balise s'utilise lorsque l'on veut insérer un unique élément à un endroit précis de la page. Les deux plus communes sont <img/> pour les images, et <br/> pour les retour chariot. Dans les deux cas, nous n'avons pas besoin de contenu, il n'est donc pas nécessaire de délimiter le début et la fin de la balise. 

    /!\ Le « slash » ( / ) à la fin de la balise n'est pas obligatoire, mais je vous recommande fortement de le mettre pour ne pas confondre vos balises orphelines avec une balise ouvrante.

    Block et Inline

    Toutes les balises (encore une fois à quelques exceptions près) appartiennent à l'une des deux catégories ci-dessus. Prenons pour exemple deux balises très communes : <p> (paragraphe) et <a> (lien)

    <p>Un premier paragraphe <a>avec un lien</a>.</p><p>Suivit d'un deuxième paragraphe sans lien.</p>

    Un premier paragraphe avec un lien.

    Suivit d'un deuxième paragraphe sans lien.

    Concrètement, qu'est-ce qu'il se passe ? Dans mon HTML, tout est écrit en une seule ligne, il n'y a aucun retour chariot. Pourtant, deux paragraphes bien distinct apparaissent sur la page.

    Ceci est dû au fait que <p> est une balise de type block. Le nom est assez explicite, il suffit d'imaginer que tout ce qu'il se trouve dans cette balise est à l'intérieur d'un bloc. Lorsque l'on crée une deuxième balise de type block (un deuxième paragraphe par exemple), celle-ci ce place par défaut sous la première.

    Au contraire des balises block, les balises de type inline comme <a>  sont simplement "en ligne", c'est à dire, alignées. On ne peut pas leur définir de taille, elles s'adaptent automatiquement à leur contenu.

    Les balises de formatage de texte (<strong>, <em>...) sont généralement de type inline.

    DIV et SPAN

    Comme vu précédemment, nous avons à notre disposition des balise de type block et de type inline. Mais nous avons certaines fois besoin d'utilise un simple block, et non un paragraphe, ou tout autre balise de type block. Il en va de même si nous voulons donner un effet spécifique à un texte, sans passer par les des balises déjà existantes. Pour cela, il existe deux balises universelles : 

    <div> (de type block), 

    <span> (de type inline).

    Ces deux balises n'ont que peu d'utilité ainsi, c'est pourquoi elles sont sont toujours utilisées avec des attributs, au contraire de d'autre balises génériques qui n'en ont pas forcément besoin.


  • Commentaires

    1
    sorsha67
    Dimanche 16 Mars 2014 à 13:01

    Merci pour ton blog happy

    2
    Mercredi 14 Mai 2014 à 14:41

    Coucou !

    J'espère que tu vas bien ?!

    Je voulais savoir si tu pouvais m'aider :)

    J'aimerais avoir cet effet sur mon blog :

    Je cache du texte dans un article, et lorsque les gens commentent il le voient apparaître.

    (J'aimerais que SEULS les gens qui commentent voient mon texte caché, pas les autres)

    Je sais que des balises existent, mais étant novice et n'y comprenant pas grand chose je viens demander de l'aide hihi. J'espère que tu pourras m'aider.

    Merci d'avance pour ton aide si précieuse <3

    Bonne continuation ^0^

    3
    Mercredi 14 Mai 2014 à 14:46

    Oula, je n'en ai pas la moindre idée ^^'

    Je vais creuser un peu, je t'enverrais un MP quand j'aurais trouvé (même si je ne suis pas sûre de trouver quoi que ce soit ^^')

    4
    Mercredi 14 Mai 2014 à 14:51

    Hihi. Je te remercie Nagalia <3 J'espère qu'une balise de ce genre existe xD C'est une question de vie ou de mort pour moi :p

    Encore merci de ton aide <3

    5
    Mercredi 14 Mai 2014 à 14:59

    Dans tous les cas, ce ne sera pas juste une balise à placer quelque part, mais un script JS. Le problème c'est que je ne peux pas modifier la zone de commentaire, alors que j'en ai besoin pour la condition d'affichage ^^'

    Bref... Je vais voir

    6
    Mercredi 14 Mai 2014 à 15:05

    D'accord :) Je vois.

    Oui je te remercie <3

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    7
    Lundi 5 Décembre 2016 à 09:58

    Bonjour,

    Je suis ignare en informatique, j'airerais savoir comment mettre un peu de neige sur ma page, quelques flocons.

    Comment mettre mon petit train de jouets sur la page définitivement à cet endroit sur le fond transparent.

    Merci beaucoup

      • Lundi 5 Décembre 2016 à 19:04

        Script pour faire tomber des flocons de neige (a coller dans un module simple)

        <script src="http://ekladata.com/bZiFQ7A3XpRUvgzP7vZ7LC61vgU/bouleneige.js"></script>

        Par contre, je n'ai absolument pas compris la deuxième question...

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :