1ère partie HTML CSS JavaScript J S i t

Chapitre 1 p HyperText Markup Language HTML

Présentation
HTML: langage de marquage hypertexte (HyperText Markup Language en anglais). Il s agit du langage de base du Web (World Wide Web). s’agit HTML n’est pas un langage de programmation proprement dit, mais plutôt un code de marquage. Il permet de décrire la page Web élément par élément en seservant de balises de description description. Le code HTML est déchiffré par le navigateur du client. Tous les navigateurs existant reconnaissent parfaitement la syntaxe HTML. Les pages web faites uniquement avec HTML sont suffixées par l’extension .htm ou encore .html. L édition d une L’édition d’une page web en code HTML est tellement fastidieux. Il existe des logiciels d’édition des pages Web(éditeurs web) qui permettent de générer le code HTML tout en offrant au développeur une interface conviviale en mode création (outils de traitement de texte et de mise en page, outils d d il de dessin…). i ) Quelques éditeurs professionnels (dits éditeurs WYSIWYG): DreamWeaver, FrontPage, Golive, WebExpert, Nview… g , , p ,

Syntaxe HTML I
Le langage HTML est un langage de marquage qui ne connaîtque l’alphabet ASCII standard, limité à 128 caractères. Le marquage, réalisé par des balises, décrit la structure logique du document et est interprété par les logiciels de navigation (navigateurs ou browsers). Une balise HTML prend la forme suivante: objet décrit par la balise Exemple: ENSA de Marrakech Sur le navigateur on peut visualiser: ENSA de Marrakech Le texte ENSA est placé entre lesbalises (écriture en gras) e te te S p acé e t e es ba ses b /b (éc tu e e g as)

Syntaxe HTML II
En générale les balises HTML s’écrivent sous la forme: Objet décrit par la balise Exemple: f f ‘’ d ’’ l ‘’bl ’’ i ‘’3’’ Bonjour / Sur le navigateur on visualise: Bonjour Font: balise de mise en forme du texte Face: attribut qui signifie police Color: attribut qui définit la couleur du texteSize: attribut qui définie la taille des caractères

Syntaxe HTML III
Il est possible de regrouper plusieurs balises à la fois: objet décrit par les balises 1, 2 et 3 Règle générale: La dernière balise ouverte est la première qui doit être fermée. Cette règle n’est pas obligatoire mais vivement recommandée surtout si l’on court après une validation du W3C! Exemple: Bonjour Sur lS le navigateur on visualise: B j i t i li Bonjour : gras : italique : souligné

Syntaxe HTML IV
Les commentaires: En HTML les commentaires sont délimités par tout ce qui se trouve à l’intérieure des délimiteurs est ignoré par le navigateur. Exemple: Bonjour et mettent ‘Bonjour’ en gras –> Bonjour > Les balises de base: : début et fin du document HTML : Entêtes du document : corps ddocument ( ’ b d /b d du d (c’est la partie visualisée sur l l é le navigateur) Ces trois balises sont obligatoires au sein d’un document HTML HTML.

Syntaxe HTML V
Exemple de document HTML Ceci est un test Bonjour, Bonjour c’est juste une page de test!

Syntaxe HTML VI
Quelques balises:
: nouveau paragraphe : saut de ligne (sans ) : lien hypertexte (ou hyperlien) , , , < > <> : gras, it li italique, souligné, b é li é barré : balise de mise en forme du texte (police, couleur et taille) : balise de mise en forme (alignement centré, justifié…) : i i insertion d’image (sans ) ti d’i ( /i ) : décoration du texte (surlignage…) : définition d’un tableau HTML : définition d’une ligne du tableau é : définition d’une colonne du tableau : Titre du document (affiché surla barre de titre de la fenêtre) : fond sonore de la page (sans ) : balise d’échange d’informations avec le navigateur (sans ) : balise d’insertion de script (JavaScript, VbScript…) : texte défilant (souvent utilisé sur les pages web) : création d’un formulaire

Attributs HTML I
Balise (corps de la page) Si Bgcolor: Couleur Bgcolo Co le de l’arrière plan de la page l’a iè e Background:…