Dans ce tuto HTML, nous continuerons l'apprentissage de ce langage et nous verrons qu'il est étroitement lié au CSS pour styliser nos balises et construire une structure avec des zones définies.
Au programme de cette 2ème partie :
- Créer et lier un fichier javascript à notre page HTML
- Tester le fonctionnement de ce script
- Qu'est ce qu'un favicon ?
- Lier ce favicon à la page HTML
- Créer et lier une feuille de style CSS
- Explications sur les différences entre une balise inline & block
- Apparition des balises DIV & SPAN
- Création de notre première structure HTML (en-tête, contenu, sidebar, pied de page)
- Différence entre ID et CLASS pour styliser nos div
- Création d'un commentaire en HTML
- Styliser nos différentes div dans la feuille de style
- Tester le résultat dans le navigateur
- Ajouter une fonctionnalité de lien "remonter en haut de page" dans le footer
A la fin de ce tuto, vous avez normalement acquis de bonnes bases sur le langage HTML, et nous pourrons commencer une stylisation plus poussée dans un prochain tuto sur les bases du CSS ou nous ferons ensemble un tour d'horizon des principales règles & astuces pour intégrer correctement vos designs. D'autres tutoriels vidéos sur l'intégration HTML/CSS à partir de maquettes PSD suivront !
Tous les fichiers sont fournis, vous pourrez donc reproduire à l'identique le résultat obtenu à la fin de ce tuto. Bon tuto !
Retrouvez la première partie de ce tuto : les bases du HTML - Partie 1
Avis des apprenants