Université Hassan 1er
Faculté Polydesciplinaire
Khouribga

Développement web

Mr. M. Elmehdi

L’objectif du module est de faire acquérir les connaissances et les compétences nécessaires pour la conception des pages web à l’aide du code HTML et des script clients. 2

Introduction




HTML :
HyperText Markup Language
Langage de balisage:

Contenu à afficher sur le navigateur

• Un document HTML doit avoir un suffixe .html ou .htm
• Le contenu de fichiers HTML est placé dans des éléments HTML
• Les éléments HTML s’appellent balises
• Tous les éléments HTML comprennent un repère (tag) d'ouverture et un repère de fermeture
3

Balises d’en-tête :


Définit des infos spécifiques au site web

4

Attributs :
Text : Définir une couleur pour le texte.
Bgcolor : Définir une couleur pour l’arrière plan
Background : Définir une image pour l’arrière plan
Exemple :

5

Formatage










... : Texte en gras
... : Texte en italic
... : Texte souligné
... : Texte barré
... : Texte en exposant
… : Texte en indice
… : Texte plus grand que la police normale
… : Texte plus petit que la police normale

6

Les titres
HTML distingue 6 niveaux de titres pour former une hiérarchie dans les documents. – Titre N°1
– Titre N°2
– Titre N°3
– Titre N°4
– Titre N°5
– Titre N°6
 (h = heading = Titre) introduit un titre. Le N° indique le niveau du titre. 1 est le niveau le plus élevé, 6 le niveau le plus bas. Après vient le texte du titre .


Par défaut, les titres sont alignés à gauche;
 HTML permet d’aligner les titres à l’aide de l’attribut align
– Titre N°1 centré
– Titre N°1 à droite


7

Formatage




: break = passage à la ligne : Centrer le contenu : Mettre les lignes de séparation
– L'attribut width= (width = largeur) : Permet de définir la largeur du trait en pourcentage (width= 50%)
– L'attribut size= (size =