Académique Documents
Professionnel Documents
Culture Documents
M L L E . Z E I N E B C H E L LY
LE LANGAGE HTML
Les pages du site sont liées par des liens hypertextes sur
lesquels on clique pour naviguer.
première partie
Ce document présente les
fondamentaux
d'une création de page html
le document de base
MLLE. ZEINEB CHELLY
LES ÉLÉMENTS DU LANGAGE HTML : LES LIENS HYPERTEXTES
Définir la cible
dans le document "cible"
<A NAME = "nom de la section"> section </A>
lien
cible
doc. A doc. B
MLLE. ZEINEB CHELLY
LES ÉLÉMENTS DU LANGAGE HTML : LES LIENS HYPERTEXTES
lien
partie cible
Lien e-mail
<A HREF="mailto:oli.ert@caramail.com">adresse_e_mail</A>
<A HREF="mailto:oli.ert@caramail.com?subject=renseignement">adresse</A>
<A HREF="mailto:oli.ert@caramail.com?subject=renseignement&BODY=votre
message">adresse_e_mail</A>
Il s'agit ici des titres qui s'afficheront dans la page (et non dans la
barre de titre comme la balise <title> précédemment) : ce sont les
en-têtes de sections ou paragraphes.
Type Représentation
<UL TYPE="disc"> •
<LI>
<LI> •
</UL>
<UL TYPE="circle"> o
<LI>
<LI> o
</UL>
<UL TYPE="square">
<LI>
<LI>
</UL>
MLLE. ZEINEB CHELLY
Le paramètre TYPE de la balise <OL> permet de choisir le
type de numérotation :
Type Représentation
<OL TYPE=1> 1.
<LI> 2.
<LI>
</OL>
<OL TYPE="A"> A.
<LI> B.
<LI>
</OL>
<OL TYPE="a"> a.
<LI> b.
<LI>
</OL>
<OL TYPE="I"> I.
<LI> II.
<LI> MLLE. ZEINEB CHELLY
</OL>
Donner le code html du plan suivant
villes françaises
1. toulouse
a. toulouse centre
b. toulouse sud
c. toulouse nord Exercice
2. paris
.centre ville
.arrondissements
.périphérie
3. bordeaux
villes étrangères
1. new-york
2. londres
3. munich
MLLE. ZEINEB CHELLY
<UL>
<LI> Villes françaises
<OL>
<LI> Toulouse
<OL TYPE = "a">
<LI> toulouse centre
<LI> toulouse sud
<LI> toulouse nord
</OL>
<LI> Paris
<UL WRAP = "horiz">
Solution
<LI>centre ville
<LI>arrondissements
<LI>périphérie
</UL>
<LI> Bordeaux
</OL>
<LI> Villes étrangères
<OL>
<LI> New-York
<LI> Londres
<LI> Munich
</OL>
MLLE. ZEINEB CHELLY
</UL>
FORME DU TABLEAU
Vous pouvez lier des cellules sur une ligne ou une colonne :
Pour lier plusieurs cellules sur une ligne, utiliser COLSPAN
(avec les tags TH et TD).
Syntaxe :
<INPUT TYPE="text" NAME="nom_du_champ" SIZE="taille"
MAXLENGTH="taille_maximum" VALUE="texte_par_défaut">
A password field:
< INPUT TYPE="password" NAME="secret" SIZE="8" MAXLENGTH="8">
Exemples :
Que faites-vous dans la vie ?
C'est un scandale,
c'est inadmissible.
Montons sur Paris, Dressons les baricades !
Mademoiselle
Les boutons radio et checkbox sont bien mais quand on a un choix à faire entre
36 valeurs différentes, mieux vaut utiliser les listes déroulantes avec le
conteneur <SELECT>
Les attributs sont:
NAME : le nom de la liste,
SIZE (facultatif) dont la valeur unité (par défaut) signifie qu'on a affaire à
une liste déroulante sinon c'est une liste normale mais avec barre de
défilement,
MULTIPLE (facultatif) qui signifie qu'il est possible de sélectionner
plusieurs valeurs.
Syntaxe :
<INPUT TYPE="submit" VALUE="texte_à_afficher">
Envoyer
Syntaxe :
<INPUT TYPE="reset" VALUE="texte_à_afficher">
Effacer
Syntaxe :
<INPUT TYPE="button" VALUE="texte_à_afficher"
onClick="fonction_JavaScript()">
Cliquer ici !