Fichier PDF

Partage, hébergement, conversion et archivage facile de documents au format PDF

Partager un fichier Mes fichiers Convertir un fichier Boite à outils PDF Recherche PDF Aide Contact



A B 001 .pdf



Nom original: A-B-001.pdf
Titre: Titre du document

Ce document au format PDF 1.5 a été généré par Microsoft® Word 2010, et a été envoyé sur fichier-pdf.fr le 19/09/2011 à 23:25, depuis l'adresse IP 41.248.x.x. La présente page de téléchargement du fichier a été vue 1666 fois.
Taille du document: 224 Ko (3 pages).
Confidentialité: fichier public




Télécharger le fichier (PDF)









Aperçu du document


Activité d’apprentissage
Module

TDI-23

Applications hypermédias

Précision

B

Ecrire du code HTML

Technologie

HTML

Activité

Créer une page simple avec HTML

Phase
d’apprentissage

BASE

Cette activité d’apprentissage doit vous permettre de :
Précisions sur les
objectifs visés par
l’activité





Structurer un document HTML
Présenter du texte dans un document HTML
Utiliser des liens hypertextes dans un document
HTML

DESCRIPTION DE L’ACTIVITE
Exercice 1 : Premier document HTML
1. Utiliser un simple éditeur de texte
2. Créer le document suivant
<html>
<head>
<title>Document Html minimum</title>
</head>
<body>
</body>
</html>

Vous remarquerez que les balises sont en minuscule comme il est
désormais préconisé dans l’utilisation « moderne » de html ou xhtml.
- Enregistrer le document avec l'extension .html ou .htm, soit
Premier.html ou Premier.htm
-Ouvrir le document dans un navigateur
- Admirer votre premier document Html , qui est … vide !

OFPPT @

Document

Millésime

A-B-001.doc

septembre 11

Page
1-3

Exercice 2 : Afficher du texte
3. rajouter des éléments de texte dans le document
<html>
<head>
<title>Document Html avec texte brut</title>
</head>
<body>
Bonjour de la part de Mohamed !
</body>
</html>
4. rajouter un paragraphe
<html>
<head>
<title>Document Html avec texte brut</title>
</head>
<body>
Bonjour de la part de Mohamed !
<p>Ceci est un paragraphe</p>
Ceci n’est pas un paragraphe
<p align="center">Ceci est un paragraphe centré</p>
</body>
</html>
5. rajouter des balises d’en-tête
<h1>Ceci est une balise d'en-tête H1</h1>
<h2>Ceci est une balise d'en-tête H2</h2>
Voir le chapitre Règles générales pour HTML dans l’aide
selfhtml du dossier HTML/XHTML, ainsi que le chapitre
Eléments pour structurer le texte dans le même dossier.

OFPPT @

Document

Millésime

A-B-001.doc

septembre 11

Page
2-3

Exercice 3 : Utiliser les liens hypertexte
1. créer un second document Page2.html
2. ajouter un lien hypertexte dans le fichier Premier.html

<a href="Page2.html">Page2.html</a>
3. exécuter Premier.html
4. cliquer sur le lien hypertexte . Que se passe t-il ?
Voir le chapitre Liens dans l’aide l’aide selfhtml du
dossier HTML/XHTML

OFPPT @

Document

Millésime

A-B-001.doc

septembre 11

Page
3-3


A-B-001.pdf - page 1/3
A-B-001.pdf - page 2/3
A-B-001.pdf - page 3/3

Documents similaires


xhtml
tech web ch1 xhtml
lien2
word les styles
liste de l oral de francais
xhtml et css cours et exercices


Sur le même sujet..