Retour
HTML
  HyperText Mark-up Langugage
Langage de description pour le traitement de l'information via le web.

Fichier HTML = Fichier texte brut spécifique

  • Ajoute à l’information :
    • une mise en forme
    • une méta-information
    • les liens hypertexte
  • Relie différentes ressources à une page : images, animations, feuilles de style, programmation, ...

Type MIME = text/html

Extension = .htm .html
Tim Berners-Lee 1990 : création au CERN du protocole HTTP de son langage associé le HTML et du premier serveur web info.cern.ch

Cette "invention" n'est pas reconnue par le CERN, Tim Berners-Lee se tourne vers la communauté internet et poste son travail vers les newsgroups.

1991 : Tim Berners-Lee crée le premier navigateur web sur NeXT.

Juillet 1994 : le MIT accepte l'idée défendue par Tim Berners-Lee de développer un consortium pour coordonner les recommandations et standards du développement web. Le CERN abandone son action au profit de l'INRIA. Le MIT et l'INRIA deviennent les deux centres du développement web. C'est la naissancce du W3C, Tim Berners-Lee part vers le MIT.

http://www.ibiblio.org/pioneers/lee.html
Balise HTML <b>Mon texte</b>
Elément d’ouverture : <b>
Elément de fermeture : </b>

Balise HTML avec attributs :
<a href=“http://www.google.com” target=“_blank”>Mon texte</a>

target=“_blank” attibut de la balise a

Règles d'or :

  • respecter la structure : espace - attribut - égal - guillemet - valeur - guillemet
  • respecter la casse : toujours en minuscule
  • les balises sont toujours emboitées les unes dans les autres
Exemple de Balises <img src=“image/toto.gif” width=“200” height=“37” border=“0”>
Balise d’appel d’une image - pas d’élément de fermeture

<br>
Balise saut de ligne (break row)

<link rel=“stylesheet” href=“css/default.css” type=“text/css”>
Balise liant la page courante à une feuille de style

<div align“center”>...</div>
Balise container avec spécification d’alignement

<!-- ceci est un commentaire -->
Balise de commentaire
Structure d'un
document HTML		 <html>
<head>
...
</head>
<body>
...
</body>
</html>

L’ensemble du document est la balise html

L’en-tête <head>...</head> contient des informations générales non visibles dans la page, en particulier elle contient les meta-informations

Le corps <body>...</body> contient les informations visibles.

Le corps ne commence à s’afficher que lorsque l’en-tête est chargée.
Balise <embed> Permet l'insertion de ressources diverses.

Elle est utilisée pour l'insertion de document VRML dans une page web

<embed src="toto.wrl" width="300" height="200" type="model/vrml">

Exemple avec le plug-in Cortona :
<embed name="ma_scene" src="toto.wrl" consolemode="2" headlight="true" navigationbar="1">

consolemode="0" : montre la console si message erreur
consolemode="1" : montre la console
consolemode="2" : cache la console

headlight="true" : éclairage additionnel de la scène
headlight="false" : pas d'éclairage additionnel

Documentation complète Cortona
http://www.parallelgraphics.com/developer/products/cortona/html/embed/

Balise <object> Même fonction que embed, syntaxe différente

<object id="ma_scene">
<param name="consolemode" value="2">
...
</object>

Documentation complète Cortona
http://www.parallelgraphics.com/developer/products/cortona/html/object/

 

										
							

						

							
				

			

			

				

					Retour