« Le langage HTML/Introduction » : différence entre les versions

Un document HTML est constitué de texte normal — la plupart du temps c'est ce que vous voulez afficher à l'écran — et de HTML à proprement parler sous formes de '''balises''' (ou ''tags'' en anglais). Les balises servent à dire des choses au navigateur comme « ça c'est un titre », « ça c'est en emphase », « là je veux une image », « là je veux un lien » etc. Affichez ensuite la page dans votre navigateur. Une balise est facilement reconnaissable car elle est toujours entre <code>&lt;</code> et <code>&gt;</code>.

 

: donne :

{{début cadre|bleu}}

Une balise de début peut également contenir un ou plusieurs ''attributs'', qui sont des paramètres permettant de préciser certaines caractéristiques de l'élément. Le nom de la balise dit de faire quelque chose, et un attribut donne des précisions sur comment le faire. Par exemple, la balise pour faire un lien est « <code>a</code> » (pour ''anchor'', « ancre »). Mais si on fait juste <code>{{vert|&lt;a&gt;}}mon super lien{{vert|&lt;/a&gt;}}</code>, le navigateur ne saura pas où doit mener ce lien. Pour ça il y a l'attribut « <code>href</code> » (pour ''hypertext reference'', « référence hypertexte ») :

 

: donne :

{{début cadre|bleu}}

 

Un exemple de balise qui va toute seule maintenant :

: donne :

{{début cadre|bleu}}

Il est interdit de « croiser les balises » c'est-à-dire qu'il n'est pas permis de fermer une balise alors qu'une autre, ouverte après elle, n'est pas encore fermée. Un exemple de balises correctement agencées (ne vous inquiétez pas si vous ne comprenez pas les balises elle seront expliquées plus tard) :

 

: donne :

{{début cadre|bleu}}

 

Un exemple de mauvaise imbrication des balises :

Le code correct pour entrelacer les styles de texte serait :

: ce qui donne :

{{début cadre|bleu}}