Le html Les liens Les images Les tableaux Les formulaires Les scripts

Le plus beau site du monde

Oh là là comme il est beau !

On dirait du Mozart

Qu'est-ce-que le html ?

HTML est un langage de description de documents textuel. Il sert à mettre en forme des données. Le langage HTML utilise des balises insérées dans le texte. Une balise HTML est une chaîne de caractères dans le texte, délimitée par les caractères < et >. Un type de balise donné existe en général sous forme ouvrante et fermante.
Une signification logique est associée à chaque balise.

Voici quelques exemples de balises :

  • la balise <p> signifie " Paragraph ", on ferme le paragraphe avec <\p>.
  • la balise<ul> signifie " Unordered List " (liste non ordonnée). On ferme la liste avec <\ul>.
  • il existe également des listes ordonnées (numérotées), balise <ol>.
  • et la balise <li> signifie "List Item ". On peut aussi fermer aussi les items de liste, de manière similaire à ci-dessus.
  • la balise <div> permet de créer des divisions dans la page, avec une mise en page particulière. Contr la division que vous êtes en train de lire, la page est découpée en trois parties:
    • le menu à gauche ;
    • le texte au centre ;
    • des images ou un autre texte à droite
  • alors que les divisions qui suivent (liens, images, etc...) sont découpées en deux parties (menu et texte)

Un fichier HTML est un fichier texte. Un texte est "encodé" de manière différente suivant le système utilisé (Windows, OsX, Linux,...). Pour en apprendre plus sur l'encodage, cliquez ici.

Pour créer son site web, on utilise un éditeur de code .

HTML est associé au langage CSS (feuilles de style), pour la présentation (couleurs, polices de caractères, etc...). Le CSS est un langage assez complexe, avec de très nombreuses possibilités.

La page Exemple CSS montre une présentation très différente de cette page ci.

Que peut-on faire en html ?

Mettre des liens vers d'autres sites

Comme exemple, pour savoir l'apport fondamental de l'internet à l'humanité visitez ce site

C'est ce que signifie html : hyper text markup langage, ce qui se traduit par langage de balisage d'hypertexte. Les balises ont été expliquées ci-dessus. Un hypertexte est un document ou un ensemble de documents contenant des unités d'information liées entre elles par des hyperliens. Ce système permet à l'utilisateur d'aller directement à l'unité qui l'intéresse, à son gré, d'une façon non linéaire.

Il existe plusieurs manières d'ouvrir un hyperlien :

Mettre des images

La Terre a un diamètre de 6400 Kilomètres environ.
photo de la Terre depuis l'espace
Erathostène l'avait déjà estimé, 3 siècles avant J.-C.

oups mauvaise photo

Un exemple pour différentes présentations / mises en forme de page d'images.

faire des tableaux

Nom âge Pays
Gandalf au moins 2000 ans Terre du milieu
Dumbledore 92 ans Royaume-uni
Grands magiciens et stars du cinéma: c'est possible

Rentrer des informations grâce à un formulaire

Rentrez votre identité Prénom : Nom : Homme : Femme :

Ici on ne fait rien avec ce formulaire. Pour l'exploiter, on peut soit écrire un programme qui utilise les données du formulaire, soit stocker les informations rentrées dans une base de données, en SQL en général. Si les données sont simple, on peut utiliser Json , utilisant le langage JavaScript .

Les bases de données peuvent par exemple contenir le nom des adhérents d'un club multi-sport, avec leur adresse, leur âge, leurs activités, etc..

Exécuter des programmes

Des petits programmes peuvent être éxécutés dans une page web. Il faut qu'il soient simples, hors de question de faire fonctionner un jeu complexe, de simuler le fonctionnement d'une centrale nucléaire, ou encore d'essayer de prévoir la météo.

Le html n'est pas un langage de programmation : entre autres, il ne permet de faire aucun calcul (ni de tests ni de boucles, pour ceux qui ont fait un peu d'algorithmique). C'est un langage de formatage, (c'est à dire de présentation) de données.

On peut par exemple afficher l'heure, ici le code est du JavaScript :