|
|
 |
 |
 |
|
 |
|
 |
|
|
|
   |
|
 Un
peu d'histoire
L'évolution
du langage
Les
caractéristiques du HTML
Les
règles HTML et les balises
Les
limites du HTML |
|
1.
Historique
Quelques visionnaires ont eu un jour l'idée de connecter ensemble
plusieurs réseaux d'ordinateurs importants.
Jusqu'en 1990, l'accès aux informations de ce réseau
exigeait une bonne connaissance technique et restait très peu
convivial.
Comment le langage HTML est-il né? En fait, tout commence quand
TIM BERNERS-LEE crée une méthode pour relier
des documents à l'aide de liens hypertextes.
L' idée n'était pas nouvelle mais son langage HTML simple
a réussi là où des projets hypertextes ambitieux
avaient échoué.
Le terme HTML signifie Hypertext Markup Language. Il s'agit
d'un langage de scripts (contrairement aux langages de programmation
qui remplissent des fonctions beaucoup plus étendues). Le langage
HTML permet de coder une page à l'aide de commandes de mise
en forme; celles-ci sont alors interprétées par un navigateur
Web (browser en anglais) et apparaissent ensuite à l'écran.
Un navigateur web est un programme conçu exclusivement pour
interpréter les commandes HTML (et javascript).
Les pages HTML sont aujourd'hui le système de base d'internet.
Les sites peuvent inclure du texte ainsi que des images fixes ou animées,
du son, de la vidéo et même des programmes interactifs
(à l'aide de Java ou de Javascript).
Le processus d'affichage est simple : vous demandez une page sur un
ordinateur distant (serveur où la page est hébergée)
via une requête HTTP (Hypertext Transfer Protocol) ;il s'agit
de l'adresse ou l'URL (Uniform Ressouces Locator) que vous saissisez
dans votre navigateur.
Le serveur analyse votre requête, vérifie si la page
demandée existe puis vous renvoie le résultat de votre
requête.
C'est à ce moment là que votre navigateur interprète
le code HTML et affiche la page correctement formatée (ou presque
!!)
A noter que vous pouvez très bien créer et enregistrer
vos pages HTML sur votre disque dur afin d'afficher le contenu en
local, instantanément. (nous utiliserons cette méthode
lorsque nous réaliserons nos premières pages web). |
| |
 |
| |
2.
Evolution du langage
- HTML 1.0 a fait son apparition sur internet
en Mai 1991...l'ancêtre du HTML, on n'en parle plus!
- HTML 2.0 apparition en septembre 1995
- HTML 3.0 entre en application en Mai 1996.
- HTML 4.0 proposé en Mai 1997; cette
version fonctionne avec les versions 4.0 et plus des deux navigateurs
principaux que sont Internet Explorer et Netscape.
Elle apporte les nouveautés suivantes :
Les Frames
Les feuilles de style (Cascade style sheet)
Le contrôle amélioré des tableaux
Les formulaires optimisés
L'intégration normalisée des éléments
multimédia
L'arrivée des symboles mathématiques
L'intégration du jeu de caractères ISO 10646.(caractères
accentués et spéciaux)
|
| |
|
| |
3.
Caractéristiques du HTML
- Le langage HTML repose sur le protocole
HTTP; il s'agit d'un langage de définition de documents
et non d'un langage de programmation.
- C'est le langage de tous les navigateurs
- On l'écrit comme un simple texte
ASCII.
- Il peut être employé aussi
bien sur un PC, un MAC, une console UNIX, SUN etc...
- Par contre, le logiciel permettant d'interprêter
ce langage dépend du système d'exploitation.
- Le logiciel interprêteur sera celui du Navigateur
|
|
| |
4.
Les Règles de base en HTML
Toutes les instructions HTML sont exprimées dans des balises
(ou "tags"), délimitées par des crochets -
signe inférieur < et signe supérieur >.
Cette structure est toujours identique.
Chaque balise doit être ouverte et fermée (sauf à
de rares exceptions). A noter que les balises de fermeture sont équivalentes
aux balises d'ouverture à la différence près
qu'elles comportent un slash (/) après le signe <.
Tout cela vous parait un peu confus! Prenons un exemple très
simple :
Vous souhaitez mettre en gras le mot "Bienvenue" dans la
phrase ci-dessous.
Voici le code à saisir : <B>Bienvenue</B>
dans mon site perso !
Le résultat dans votre navigateur sera : Bienvenue dans
mon site perso !
Si on souhaite ajouter la couleur rouge au mot "Bienvenue",
tout en conservant le formatage gras, il faut alors imbriquer les
balises les unes dans les autres :
Voici le code à saisir : <FONT
COLOR="red"><B>Bienvenue</B></FONT>
dans mon site perso !
Le résultat dans votre navigateur sera : Bienvenue
dans mon site perso !
Attention, vous pouvez imbriquer des balises les unes dans
les autres mais veillez bien à la bonne cohérence de
ces imbrications : vous devez toujours refermer la dernière
balise ouverte et ainsi de suite.
Remarque : les majuscules et les minuscules dans les balises
HTML n'ont aucune importance. |
| |
|
| |
5.
Les limites du HTML
Il faut savoir que la façon dont une page HTML apparaîtra
à l'écran dépend de plusieurs facteurs :
- Le type de navigateur utilisé ainsi que
sa version
- La plate-forme utilisé ( PC, MAC ...)
- La résolution de votre écran
Les utilisateurs influent également sur la page en définissant
l'interface du navigateur et les propriétés par défaut
en fonction de leurs besoins.
en effet Netscape Navigator et Microsoft Internet Explorer permettent
à l'utilisateur de remplacer l'arrière-plan d'une page
et les polices d'écriture.
De plus, Netscape et Microsoft ont développé chacun de leurs cotés
des balises dites propriétaires, c'est à dire qui ne fonctionnent
soit qu'avec l'un, soit, qu'avec l'autre.
Il faut donc éviter d'utiliser ces balises car, vous ne connaissez
pas le navigateur du client à l'avance.
D'une manière plus générale, même si son apprentissage reste absolument
indispensable pour créer des pages web, peu de sites aujourd'hui ne
sont réalisé qu'en HTML.
Pour développer des sites webs attractifs et interactifs, complètement
dynamique, on utilise bien sûr le HTML mais on n'y ajoute du Javascript,
du DHTML voire d'autres langages de programmation tels que ASP, PHP,
JAVA...
En résumé, les limites du langage HTML sont rapidement
atteintes, surtout pour des sites webs professionnels, mais cela demeure
la base fondamentale de toutes pages web.
Voyons désormais que vous en savez un peu plus sur ce langage,
comment créer sa première page web à travers
l'apprentissage de l'architecture d'un fichier HTML.
|
|
|
|
|
|
 |
|
 |
|
|
 |
|
 |
|
Recherche
par
mots-clés : |
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
