Les pages HTML ont toujours la même structure globale. Notez-la ici, cela vous servira de référence ultérieurement (vu en cours).
Ecrivez une page HTML dans laquelle vous utilisez toutes les balises suivantes, dans le bon ordre (ici elles sont notées par ordre alphabétique), en les fermant correctement (c'est à dire : en les imbriquant comme il faut) : body, head, html, title. Mettez '...' là où se trouve le contenu principal de la page.
Ecrivez l'extrait de code HTML qui réalise ceci (utilisez les balises <b>, <i>, <u>) :
Ecrivez l'extrait de code HTML qui réalise ceci (utilisez les balises <small>, <strong>) :
Ecrivez l'extrait de code HTML qui réalise ceci (utilisez les balises <sub>, <sup>) :
Ecrivez l'extrait de code HTML 5 qui réalise cette mise en forme
(attention, question piège) :
A l'intérieur du titrage, tout texte doit être contenu dans un 'conteneur', le plus courant étant le paragraphe (balise <p>). Un retour à la ligne à l'intérieur du même paragraphe se fait avec la balise :
<br>
Les liens hypertexte permettent d'écrire un texte sur lequel on peut cliquer pour se rendre vers une nouvelle page, une ressource (fichier, son, image, etc.), une adresse électronique, etc. On utilise la balise <a> et son paramétrage.
Ecrivez l'extrait de code HTML qui réalise ce lien vers une autre page : actualite.html (on suppose pour simplifier que la page actualite.html est dans le même répertoire que la page courante) :
Ecrivez l'extrait de code HTML qui réalise ce lien vers une adresse électronique (dans la pratique, cela ouvre le client de courrier électronique, en général Thunderbird ou Outlook) :
Quand on fait un lien depuis notre site vers un autre site, on l'ouvre dans un autre onglet pour pas que l'internaute quitte notre site, c'est du marketing (on utilise pour ça l'attribut target=_blank de la balise <a>).
Ecrivez l'extrait de code HTML qui réalise ce lien vers un autre site : http://www.bts-sio.com :
On peut faire en HTML des listes à puces ou des listes numérotées. On utilise les balises <ol>, <ul> et <li>.
L'insertion d'images dans une page Web est incontournable. On utilise la balise <img>.
Ecrivez l'extrait de code HTML qui insère l'image 'sun.jpg', qui se trouve dans le même répertoire que la page Web.
Ecrivez l'extrait de code HTML qui insère l'image 'sun.jpg', qui se trouve dans le sous-répertoire 'images'.
On peut faire des tableaux en HTML. Celui-ci est moche, mais on attendra d'aborder le CSS pour aligner le contenu, mettre des bordures, mettre des styles de fond. Pour l'instant, vous avez besoin des balises <table>, <tr>, <th>, <td>.
Trouvez les balises qui permettent de commencer et de terminer un commentaire HTML :
Avant la balise <html>, on doit mettre la balise <!DOCTYPE ...> qui renseigne sur la nature du document qui suit. Notez la balise doctype associé au HTML 5 :
La prochaine fois, nous aborderons les choses suivantes :