cours html
Web avec le langage HTML
1
Y.DHIBA -HEM Rabat-
1. Présentation de langage HTML
1.1 HTML (HyperText Markup Language ):est un langage qui permet de décrire et de concevoir un document web grâce à un ensemble de balises (commandes prédéfinies). Les balises indiquent la façon dont doit être présenté le document (formats des textes, images, paragraphes, ..etc) et les liens qu'il établit avec d'autres documents. la lecture de documents HTML sur Internet est réalisée grâce au protocole HTTP.
1.2 Structure d’une page HTML
Une page HTML est un simple fichier texte créer dans un éditeur de texte mais avec les balises HTML. La structure minimale d’une page HTML est :
Exemple:
<HTML>
<HTML>
<HEAD>
<HEAD>
<Title> Titre de la page </Title>
<Title> Société alpha </Title>
</HEAD>
</HEAD>
<BODY>
<BODY>
Contenu de la page
Présentation de la société alpha
</BODY>
</BODY>
</HTML>
</HTML>
2
Y.DHIBA -HEM Rabat-
2. Balises de mise en forme du texte et paragraphe
2.1 Balises de mise en forme de texte
Balise
Signification
<B> Texte </B>
Mettre en gras un texte
<Center> Texte </Center>
Centrer un texte
<Br>
Permet un retour à la ligne
<I> Texte </I>
Ecrire en italique un texte
<U> Texte </U>
Souligner un texte
<Font> Texte </Font>
Pour choisir la couleur, la taille et le style d’un texte
<Font color=“Yellow“ size=6 face=“Comic sans MS”>
<blockquote> text </B…>
Pour insérer une tabulation
<BODY bgcolor= “ couleur“ >
Pour définir une couleur d’arrière plan <HR color=« couleur » size=taille> : Permet de tracer une ligne horizontale avec une couleur et une taille.
<HR width =pourcentage color=« couleur » size=taille align=valeur
« with » permet de spécifier le pourcentage de la largeur de la ligne et
«3 align » permet de spécifier l’alignement
(left, right ou middle)
Y.DHIBA -HEM Rabat-
2. Balises de mise en forme du texte et paragraphe (suite)
Exemple
<HTML>
<HEAD> <Title> Societé Alpha </Title> </HEAD>
<BODY bgcolor="black">
<B><Center>