Scribd
Importer
3 vues3 pages

TP1 HTML

Ce document présente un TP sur la technologie Web HTML, incluant des questions théoriques sur le fonctionnement d'Internet, les composants d'une URL, et le protocole HTTP. Il contient également des exercices pratiques sur la création et la mise en forme de pages HTML, ainsi que des questions d'interprétation de code. Les étudiants sont invités à créer des fichiers HTML et à explorer les balises et leur utilisation.

Transféré par

medamine.safio
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
3 vues3 pages

TP1 HTML

Ce document présente un TP sur la technologie Web HTML, incluant des questions théoriques sur le fonctionnement d'Internet, les composants d'une URL, et le protocole HTTP. Il contient également des exercices pratiques sur la création et la mise en forme de pages HTML, ainsi que des questions d'interprétation de code. Les étudiants sont invités à créer des fichiers HTML et à explorer les balises et leur utilisation.

Transféré par

medamine.safio
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

TP 1 : Technologie Web HTML

Questions de cours

1. Expliquer le rôle de l’internet dans le fonctionnement du World Wide Web.


2. Présenter les composants essentiels d’une URL et leurs rôles.
3. Décrivez brièvement le fonctionnement du protocole HTTP.
4. Expliquez en quoi consiste le modèle client-serveur dans le contexte du Web.
5. À quoi sert la déclaration DOCTYPE ?
6. Comment peut-on valider un document HTML ?
7. Comment définir le jeu de caractères utilisé dans le document ?
8. Quel est le rôle des balises sémantiques ?

Exercice 1 : Code HTML suivant et son interprétation sur une page web
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Exercice 1</title>
</head>
<body>
<h1>Interactions entre l'homme et la machine sur le Web</h1>
<h2 style="color:blue;">Interaction avec l'utilisateur</h2>
<p style="font-style:italic;"> Analyser et modifier les méthodes
exécutées lors d'un clic sur un bouton d'une page Web.</p>
<h2>Interaction client-serveur</h2>
<p style="text-align:center;">Distinguer ce qui est exécuté sur
le client ou sur le serveur et dans quel ordre. </p>
</body>
</html>

Questions
1. Quelle ligne indique que l’on a une page HTML ?
2. Quel élément HTML contient la totalité du document ?
3. (a) Quelles lignes correspondent à l’en-tête de la page HTML ?
(b) Quel est l’encodage de la page ?
(c) Quel titre apparaît dans l’onglet ?
4. (a) Quelles lignes correspondent à la sortie d’écran ?
(b) Expliquer le code des lignes 13 et 15.
5. Quelle est la différence entre conteneur et balise ?
Exercice 2 :

1. Quel est l’encodage ?


2. Que signifie lang="fr" ?
3. Que fait text-align:center ?
4. Quelle balise contient le texte principal ?

Exercice 3 :
Ecrivez l’extrait de code HTML qui réalise ce titrage dans un fichier nommé [Link]

Rajouter l’extrait de code HTML qui réalise ceci

Texte en gras, texte en italique, texte souligné


Exercice 4 : Créez une page HTML simple
1. Ouvrez votre éditeur de texte VS Code.
2. Créez un nouveau fichier et enregistrez-le sous le nom : [Link]
o Ajoutez la structure minimale d’une page HTML5 :
<!DOCTYPE html>, <html>, <head>, <body>
3. Dans la balise <head>, ajoutez un titre de page avec la balise <title>.
4. Dans la balise <body>, ajoutez :
o Un titre principal avec la balise <h1>
o Un sous-titre avec <h2>
o Un paragraphe de texte avec <p>
o Une ligne horizontale avec <hr>
o Un saut de ligne avec <br>
5. Enregistrez le fichier et ouvrez-le dans un navigateur pour voir le résultat.

Exercice 5 : Mise en forme du texte


Créez une page [Link] contenant :
• Un titre h1

• Un paragraphe contenant :

o Du texte gras

o Du texte italique

o Du texte important
o Du texte souligné

Exercice 6 : Titres et paragraphes

Créez une page [Link] contenant :

• Un titre principal <h1> : Les technologies du Web

• Trois sous-titres <h2> :


o HTML

o CSS

o JavaScript
Sous chaque titre, ajoutez un paragraphe expliquant le rôle de chaque technologie.

Vous aimerez peut-être aussi