Académique Documents
Professionnel Documents
Culture Documents
TP HTML Css
TP HTML Css
Le HTML n'est pas un langage de Exercice : Ajouter dans votre page d'index
programmation, c'est un langage de un pied de page contenant les informations
balisage qui vous permet de gérer du demandé.
contenu et sa hiérarchisation. C'est ici que
vous rédigerez vos articles mais aussi que
vous gérerez l'arborescence de votre site et 4. Vos articles
l'organisation de l'information. N'oubliez Vous allez créer les pages de vos articles
pas que la sémantique est très importante sur votre site. Un article contiendra un
sur les pages avec les balises <nav> titre, une image et le texte. Ces pages
<header> <article> <aside> <footer>. reprendront votre entête et votre pied de
page de l'accueil
Exercice : Créez dans index.html, l'entête Le CSS est un langage permettant la mise
de votre site avec : le titre et votre en page de vos contenus. Appelé aussi
"Feuille de style en cascade" c'est un 40px de haut
élément indispensable du web. toute la largeur de la page
Fond de couleur noir
Texte en blanc de couleur noir
Titre d'assez grande taille, centré
1. Création et chargement de votre verticalement, avec seulement une
feuille de style marge de 10px à gauche et à droite
Maintenant que le contenu est en place, il La liste de lien doit être placé sur
faut ajouter une feuille de style et la une ligne a droite du titre, chaque
charger sur nos pages lien doit faire 150px de large et le
texte doit etre centré
Exercice : Créez votre fichier main.css horizontalement et verticalement.
dans le dossier css et chargez le dans vos Le soulignement doit disparaitre.
fichier html avec la balise <link> Au survol le fond des éléments de
la liste de lien doit passer en gris
CSS la mise en page foncé
4. Le pied de page
Vous allez mettre en place la mise en page
pour le pied de page de votre site ! Elle
doit respecter les contraintes suivantes :