HyperText Markup Language
Inline / Block - span / div
Après cette présentation
- Les éléments "en-ligne" et "bloc" tu distingueras
- Les éléments <div> et <span> tu découvriras
inline & block
éléments HTML "en-ligne" et "bloc"
inline
block
| Groupe de mots ou d'inline |
| S'affichent côte à côte |
| Peut contenir uniquement des inlines |
| Ne peut pas contenir d'éléments blocs |
|
<a> <abbr> <br> <cite> <code> <dfn> <em> <img> <input> <kbd> <q> <span> <strong> <sub> <sup> ... |
| Groupe de mots, d'inline ou de block |
| S'affichent les un sous les autres |
| Peut contenir des inlines ou des blocs |
|
<html> <body> <header> <footer> <main> <section> <article> <p> <div> <hr> <pre> <address> <blockquote> <ul> <ol> <li> <dl> <dt> <dd> <h1> <h2> <h3> <h4> <h5> <h6> <table> <thead> <tbody> <tfoot> <td> <th> <tr> ... |
DIV & span
| Sélectionner et grouper du texte dans un block | <div> |
| Sélectionner et grouper du texte dans un inline | <span> |
- Eléments génériques sans sémantique
> Ne donne pas de sens au contenu -
Sélectionner, grouper des éléments pour leur appliquer :
- une mise en forme en CSS
- un traitement en JavaScript
- Identifier les div et les span avec un attribut id ou class
- id : identifiant unique, identifie un élément sur une page
- class : classer des éléments, plusieurs éléments de la page
Questionnaire
Création des pages
Acceuil
Qui suis-je ?
Me contacter
101 - 05 - HTML - inline vs block - span vs div
By Steve Fallet
