logo Accueil Editeurs Encodage Porfolio Page moche JavaScript

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 ferme 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. Dans 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 peut être "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 permet de très nombreuses possibilités de présentation. les options sont très nombreuses, mais, comme le HTML, il ne permet pas de programmer : ni calculs, ni boucles, ni instructions condtionnelles

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

html1

html2 La balise italiques en HTML...


css1
De l'importance du CSS avec le HTML (1)


css2
De l'importance du CSS avec le HTML (2)

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

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

Rentrer des informations grâce à un formulaire

Questionnaire intrusif

Rentrez votre nom :

Rentrez votre prénom :

Une case à cocher

Choisissez votre profession



Donnez votre signe astrologique

Pour utiliser ce formulaire, 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, où l'on utilisera le langage SQL pour l'exploiter en général.
Si vous avez copié ce site et que vous le relancez en local, chez vous, le traitement du formulaire ne donne pas la page escomptée. En effet, la page qui est créée nécessite un serveur qui prend en charge le PHP, langage permettant la création de pages web dynamiques.
On peut aussi traiter le formulaire en JavaScript. La différence est que ce sera la page courante qui est modifiée, et non pas une nouvelle page qui est créée.

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 pas de faire des calculs, des tests ni des 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.

Avec du JavaScript, on peut par exemple afficher l'heure:
Des exemples plus sophistiqués (niveau 1ère) sont ici.