• Aucun résultat trouvé

Site WEB td 1 – Découverte de HTML et CSS

N/A
N/A
Protected

Academic year: 2022

Partager "Site WEB td 1 – Découverte de HTML et CSS"

Copied!
1
0
0

Texte intégral

(1)

Informatique et Sciences du Numérique Lycée Saint Charles

Site WEB td 1 – Découverte de HTML et CSS

A l'adresse http://www.info-isn.fr/page_web.htm,

téléchargez et décompressez le dossier « td-01.rar » dans votre disque dur.

Ce dossier contient six fichiers (« td1-page-01.htm », « td1-page-02.htm », « td1-page-03.htm »,

« td1-css01.css », « td1-css02.css », « td1-css03.css ») et un répertoire « image » contenant le fichier « joconde.jpg ».

1. Ouvrez les pages suivantes dans votre navigateur web et comparez-les :

« td1-page-01.htm », « td1-page-02.htm », « td1-page-03.htm

2. A l'aide d'un éditeur de texte (notepad++ ou geany par exemple), ouvrez les fichier

« .htm » et « .css » cherchez les lignes de code provoquant les modifications, en indiquant à chaque fois le fichier concerné par les modifications.

Modifications des couleurs :

Modifications de position :

Modifications de polices de caractère :

3. Comment insère-t-on un commentaire dans un fichier HTML ?

4. Expliquer la ligne de code :

<a href="https://fr.wikipedia.org" target="blank"><img src="image/joconde.jpg"

title="La Joconde"/></a>

Site WEB td 1 – Découverte de HTML et CSS Page 1

Références

Documents relatifs

Chaque jour mieux prises en charge par les navigateurs, les CSS sont sans conteste un gage de qualité dans la conception d’un site web élégant, fonctionnel et accessible, aussi

Vous avez besoin d'un unique sélecteur, et vous ne devez pas modier le code HTML du chier.... Optionnel : entraînez-vous à utiliser les sélecteurs à l'aide du jeu

Si vous pensez avoir besoin d’explications supplémentaires, vous pouvez consulter les vidéos lienmini.fr dont les liens sont indiqués sur la page suivante. Le diaporama LibreOffice

Si vous pensez avoir besoin d’explications supplémentaires, vous pouvez consulter les vidéos lienmini.fr dont les liens sont indiqués sur la page suivante. Le diaporama LibreOffice

Si vous pensez avoir besoin d’explications supplémentaires, vous pouvez consulter les vidéos lienmini.fr dont les liens sont indiqués sur la page suivante. Le diaporama LibreOffice

Largeur 43 % Hauteur 320 pixels Marge intérieure 10 pixels Marge extérieure 5 pixels Couleur de fond: #DADE6E Bordure : groove 4 pixels HTML :. Division Partie

Largeur 43 % Hauteur 320 pixels Marge intérieure 10 pixels Marge extérieure 5 pixels Couleur de fond: #DADE6E Bordure : groove 4 pixels HTML :. Division Partie

On ajoute du CSS la mise en page : ici des flex pour passer le menu à l’horizontal et aside et section à l’horizontal aussi.. Les détails de l’utilisation du flex sont