Scribd
Importer
4 vues4 pages

TP 1:Html

Le document décrit les étapes pour créer une page HTML intitulée 'système d'exploitation' et inclut des instructions sur l'utilisation de balises HTML pour structurer le contenu. Il demande d'insérer une image, de modifier des listes, d'ajouter un tableau avec un titre, et d'organiser la page avec des sections spécifiques. La correction fournie montre un exemple complet de code HTML respectant ces instructions.

Transféré par

Abir Khmir
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
4 vues4 pages

TP 1:Html

Le document décrit les étapes pour créer une page HTML intitulée 'système d'exploitation' et inclut des instructions sur l'utilisation de balises HTML pour structurer le contenu. Il demande d'insérer une image, de modifier des listes, d'ajouter un tableau avec un titre, et d'organiser la page avec des sections spécifiques. La correction fournie montre un exemple complet de code HTML respectant ces instructions.

Transféré par

Abir Khmir
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

TP1 :HTML

1. On se propose de créer une page html « système d’exploitation » et l’enregistrer dans


votre dossier sous le nom « [Link] »

Rappel
Quelles sont les balises à utiliser pour définir : - Une liste non-ordonnée<………… >
<…………><………….>
- Un titre de niveau n : < …………… >< …………….. >
< ………… >
- Un paragraphe : < …………… >< …………… > - Un tableau<…………… …………….. >
- Un saut de ligne : < ……………> < …………>
- Une ligne horizontale : < …………….. > <…………….> cellule<……………>
- Une liste ordonnée<………… >
< …………>
<…………><………….>

< ………… >


2. Sous le titre système d’exploitation insérer l’image « [Link] »
3. Modifier le type des puces de la liste non ordonnée en « square »
4. Modifier la numérotation de la liste ordonnée en chiffres romain
5. Ajouter un titre au tableau
6. Structurer la page comme suit

Titre h1

Ligne horizontale header

Image

Définition

…….

Main body

Tableau

Lycée ……..3ème science de l’informatique 3 footer


Correction TP1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=h1
, initial-scale=1.0">
<title>système d'exploitation</title>
</head>
<body>
<header>
<h1>système d'exploitation</h1>
<hr>
<img src="[Link]" alt="">

</header>

<main>
<h3 > définition</h3>
<p>un ensemble de programme permettant le démarrage , l'exploitation et le bon
fonctionnement d'un appareils informatique </p>
</section>

<section><h3 >fonctions de base d'un SE</h3>


<!-- liste ordonné -->
<ul type="square" ><li>gestion des processus </li>
<li>gestion des ressources matérielles </li>
<li>gestion des mémoires</li>
<li>gestion des fichiers </li>
<li>sécurité </li>
<li>gestion des entrées /sorties</li></ul>
</section>
<!-- liste ordonnée -->
<section><h3 >les composants d'un SE</h3>
<ol ><li>noyau</li>
<li>interface utilisateur </li>
<li>système de fichiers </li>
<li>interpréteur de commandes </li></ol>
</section>
<section><h2 >types d'un SE</h2>
<table border="1">
<caption>types d'un SE</caption>
<tr><th>type</th> <th>exemples</th></tr>
<tr><td >système pour pc</td>
<td>windows,macos,linux</td>
</tr>
<tr><td>système pour téléphone </td>
<td>android ios</td></tr>
<tr> <td>autres systèmes embarqués</td>
<td>watchOS, TvoS</td></tr>
</table></section>
</main>
<hr>
<footer>
lycée nouvelle médina3 3ème science informatique 3

</footer>

</body>
</html>

Vous aimerez peut-être aussi