HTML 4.0 : Introduction
Qu'est-ce que le HTML ?
HTML = Hypertext Markup Language
Ce langage permet de coder une
page Web à l'aide de commandes de mise en forme ( balises ).
Ces commandes sont alors interprétées par un navigateur Web et apparaissent
ensuite sur votre écran.
A vrai dire, il ne s'agit pas vraiment d'un langage de programmation mais
plutôt d'un langage d'édition. Pour créer une page Web en HTML, on utilise
essentiellement du code ASCII ordinaire.
Ce code peut donc être édité avec un simple éditeur de texte comme
Notepad (le bloc-notes de Windows)
ou UltraEdit.
Il est ensuite sauvegardé au format texte ASCII standard avec
l'extension *.TXT. Pour des raisons de commodité, nous prendrons l'habitude
d'enregistrer directement ce code avec l'extension *.HTM ou *.HTML
Si vous ne disposez pas d'UltraEdit, vous pourrez utiliser Notepad livré
avec Windows 95 ou 98. Un topo sera consacré à chacun de ces éditeurs et la
façon de les utiliser.
Contenu des "topos" :
Je me propose de présenter toutes les balises HTML, par groupe
d'utilisation :
- balises de structure de la page ( 12 balises) : BDO, BODY, DIV, !DOCTYPE, Hx, HEAD, HR, HTML, META, SPAN, TITLE, et commentaires
- balises de structuration du texte -> phrases et paragraphes ( 19 balises) : ACRONYM, ADDRESS, BLOCKQUOTE, BR,
CITE, CODE, DEL, DFN, EM, INS, HBD, P, PRE, Q, SAMP, STRONG, SUB, SUP, VAR
- balises de formatage du texte ( 10 balises) : B, BASEFONT, BIG, FONT, I, S, SMALL, STRIKE, TT, U
- balises de structuration du texte en listes ( 8 balises) : DD, DIR, DL, DT, LI, MENU, OL, UL
- balises des liens hypertextes ( 3 balises) : A, BASE, LINK
- balise de présentation des données en tableau (10 balises) : CAPTION, COL, COLGROUP, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR
- balises de création de cadres ou frames ( 4 balises) : FRAME, FRAMESET, IFRAME, NOFRAMES
- balises d'incorporation d'objets -> objets multimédia : images et
sons; applets java, active X... ( 6 balises) : APPLET, AREA, IMG, MAP, OBJECT, PARAM
- balises de création de formulaires ( 10 balises) : BUTTON, FIELSET, FORM, INPUT, ISINDEX, LABEL, LEGEND, OPTION, SELECT, TEXTAREA
Parallèlement, et en complément, je présenterai les
feuilles de styles : STYLE et les langages de scripts : SCRIPT
Balises et attributs :
Cliquer sur les cases correspondantes