HTML

Résumé du document

SGML:

Standard Generalized Markup Language
- Langage permettant de définir des types de documents structurés
- méta-langage pour construire des langages de balisage
- Utilisation d'un principe de balisage logique

Objectifs :

- Méthode normalisée pour représenter un document
- Indépendant des systèmes de saisies et de traitements
- Indépendant de la forme physique finale

Intérêt de SGML :
SGML permet – via la DTD – de définir :
- l'ensemble des balises pour identifier les éléments d'un document, et
- les règles formelles qui décrivent sa structure

Positionnement de HTML par rapport à SGML :

HTML est une classe de document SGML:
- HTML est une DTD SGML
- Chaque version de HTML = une DTD différente
- Versions actuellement utilisées
- HTML version 3.2
- HTML version 4.0

Extraits

[...] WIDTH="w Largeur de la cellule en pixels ou en pourcentage de la largeur du tableau. A spécifier une seule fois dans le tableau (ie pour une seule ligne) car elle détermine la largeur de la colonne dont fait partie la cellule. Quand cette option est omise, la largeur des cellules est calculée par rapport à celle du tableau, aux espacements et la largeur de la cellule contenant le plus de texte, colonne par colonne). Remarques Veiller à avoir le même nombre de cellules pour chaque ligne du tableau (en fusionner éventuellement). [...]

[...] Document HTML = document échangé sur Internet Penser à la taille : du fichier HTML ! (plus il est gros, plus cela prend de temps de transfert) des éléments présents dans le fichier (images, sons, vidéos, ) Lisibilité (pour faciliter la maintenance) Indenter les lignes Balises HTML en majuscules pour mieux les distinguer du corps du texte. HTML : Exemple à ne pas suivre Exemple de fichier HTML Exemple de fichier HTML Ceci est un exemple de fichier HTML Un fichier HTML peut contenir : le texte destin é à être lu; des indications de formatage : caractès gras, italiques niveaux de sections, listes des liens hypertextes (ancre + URL) ; des incrustations d'images Structures principales d'un document HTML Exemple de document HTML Mon 1er document HTML Ceci est un document HTML avec un lien hypertexte sur mon Laboratoire;. [...]

[...] " rect zone rectangulaire circle disque poly zone polygonale default zone par défaut, = toute la partie de l'image non recouverte par une zone définie. COORDS="x1,y1,x2,y2" Utilisé si SHAPE="rect" y1) défini le coin supérieur gauche de la zone rectangulaire,(x2, y2) défini le coin inférieur droit. COORDS="x,y,r" Utilisé si SHAPE="circle" désigne le centre du cercle, r désigne le rayon. COORDS="x1,y1,x2,y xn,yn " Utilisé si SHAPE="poly" yi) définissent les point successifs du polygone. Le polygone est fermé y1) est automatiquement relié à yn) Tableaux Les tableaux 3 types d'éléments imbriqués . [...]

[...] Remarque Possibilité d'atteindre un emplacement spécifique d'une page différente de celle où a lieu l'appel de lien en combinant les liensexternes et internes (en faisant suivre l'URL par un # puis le nom de l'étiquette). Les liens internes Exemples Liens hypertextes dans les images Les images SRC="url" Adresse du fichier image à insérer. WIDTH="w Largeur de l'image affichée. Si cette option n'est pas spécifiée, l'image est affichée à sa taille réelle. On indique soit la valeur en pixel, soit en pourcentage de la taille originale de l'image Les images HEIGHT="h Hauteur de l'image affichée (mêmes remarques que pour WIDTH). [...]

[...] HTML Un peu d'histoire SGML Qu'est-ce ? Standard Generalized Markup Language Langage permettant de définir des types de documents structurés méta-langage pour construire des langages de balisage Utilisation d'un principe de balisage logique Objectifs Méthode normalisée pour représenter un document Indépendant des systèmes de saisies et de traitements Indépendant de la forme physique finale SGML : un exemple IUP IHM 1 G. Michel E. Nauer . Internet Document Type Definition (DTD) HTML vs. SGML Intérêt de SGML SGML permet via la DTD de définir : l'ensemble des balises pour identifier les éléments d'un document, et les règles formelles qui décrivent sa structure Positionnement de HTML par rapport à SGML HTML est une classe de document SGML HTML est une DTD SGML Chaque version de HTML = une DTD différente Versions actuellement utilisées HTML version 3.2 HTML version 4.0 HTML : définition et principes généraux Qu'est-ce ? [...]