Liste de balises HTML

Transcription

Liste de balises HTML
TP 7 – Balises HTML
Liste de balises HTML
Commencer un memento des principales balises HTML (sera enrichi au fur et à mesure)
1- Créez un nouveau fichier HTML5 : «balises.html» dans [www]

A l'intérieur des balises body, copiez-collez le code suivant :
<div style="border:1px solid #000; width:60%; margin:auto;
padding:10px;">
<!-- Ceci est un commentaire -->
</div>
Cela permet de créer une div avec un style associé (sera vu dans le prochain
module) : bordure de 1px noire, largeur du conteneur de 60% du body et une marge
intérieure de 10 pixel.
2 – A l'intérieur de cette <div>

Créez un titre de niveau 1 : «Principales balises HTML»

Copiez-collez (CTRL+C et CTRL+V) les bouts de codes contenus dans la partie du
cours : Formatage du texte.

Séparez chaque partie avec un <hr />
 Vous aurez ainsi plusieurs parties que vous indiquerez par des titres de niveau 2 :
> Titres et textes
> Listes
> Liens (faites un lien absolu et un lien vers la page «definitions.html»)
> Images
> Tableaux
Page 1 sur 2
http://31-place-web.net/HTML5-CSS3
TP 7 – Balises HTML
3 - Résultat final
5 – Pour les plus avancés
Regardez la doc : https://developer.mozilla.org/en-US/docs/Web/HTML/Element et testez
de nouvelles balises : <strike>, <sub>, <sup>, <code>...
Page 2 sur 2
http://31-place-web.net/HTML5-CSS3

Documents pareils