Introduction au HTML
- Miya & Max
- 12 janv. 2019
- 3 min de lecture
Le HyperText Markup Language (HTML) signifie Langage de Balisage d’Hypertexte. Les gens utilisent
aussi le nom « Langage HTML » pour en parler.
Le HTML permet de créer des pages web pouvant être lu dans un navigateur.
C'est un langage de description de données, et non un langage de programmation. Il est figé c'est-à-dire
qu'une fois le document chargé dans le navigateur, il ne répond à aucune action de l'utilisateur sur le
contenu de la page.
HTML définit :
• du texte,
• la mise en forme et en page du texte.
• la place et la taille d'images.
• le positionnement d'animations et de sons.
• la place dans une page de tout autre élément statique ou dynamique géré par le
navigateur.
• des liens hypertextes vers d'autres pages.
HTML est donc la langue parlée parlée dans le code d’un site internet pour décrire ce qu’on y voit.
HTML a été conçu au CERN, par des scientifiques loin de toute considération commerciale, pour
échanger des informations par-delà les limites des différents ordinateurs, des réseaux, etc.
• HTML ne définit que le texte, et établit un lien vers tous les autres éléments de la page : les
images, animations, sons etc. ne sont pas inclues mais leur URL (adresse) est indiquée
• HTML est conçu pour mettre en relation des informations nombreuses et variés. La notion
de réseau est donc centrale.
• Le suffixe .htm définit le format HTML pour les PC, à cause de la limitation à 3 lettres du
suffixe.
A quoi sert le HTML ?
Tout d’abord pour définir des pages Web. Elles sont toujours définies dans ce langage, et par la suite le
navigateur traduit le code source HTML. Ce dernier va chercher les éléments externes (images, sons, etc)
et reconstitue une page complète qu'il vous présente dans une fenêtre sur votre écran.
Mais on peut aussi définir des pages en local sur notre ordinateur. On peut les lire sans liaison Internet ou
même travailler sur un réseau local.
A présent voici les avantages ainsi que les désavantages du HTML.
Les avantages :
• HTML est indépendant de toute marque, conçu par des usagers pour des usagers, il est donc
fait pour libérer et non pour rendre le client captif d'un produit particulier.
• Une page en HTML peut être lue par des ordinateurs de différentes marques pour obtenir
essentiellement le même résultat.
• Sa structure distribuée (liens externes) permettent de changer un élément sans rien
changer à la page où il s'intègre. Le même élément peut être utilisé plusieurs fois sans devoir le
répéter plusieurs fois.
• Lien réseau: On peut intégrer des éléments locaux dans une page personnelle ou destinée
à des élèves et des éléments distants dont on intègre l'adresse (URL).
• L'hypertexte permet de gérer des informations très diversifiées sans devoir les stocker
localement.
Les désavantages :
• Sa structure distribuée (liens externes) rend difficile le stockage; on risque de perdre ou
d'oublier un élément lié sans s'en rendre compte.
• Le stockage d'une page représente en général plusieurs fichiers.
• Les possibilités de mise en forme sont limitées et parfois complexes à mettre en oeuvre (Frames).
• HTML prend vraiment tout son sens dans un environnement réseau connecté à Internet. Ce qui
n'est pas le cas partout.
LES BALISES PRINCIPALES EN HTML
Tout d’abord une balise se trouve toujours entre des <>. Pour indiquer le début d’une balise on écrit
<balise>, pour indiquer la fin on écrit </balise>.
<!DOCTYPE> : Cette déclaration est la première chose à écrire lorsque l’on veut créer un fichier
HTML. C’est une instruction au navigateur pour indiquer quelle version de HTML est utilisé.
<HTML> ... </HTML> : Indique le début ainsi que la fin d’un fichier HTML.
<HEAD> ... </HEAD> : Permet de définir la zone d’en tête d’un fichier HTML.
<TITLE> ... </TITLE> : Permet de définir le titre de la page affiché dans le navigateur. A écrire
dans le BODY.
<BODY> ... </BODY> : Permet de définir le début et la fin du corps du fichier HTML.
<!-- ... --> : Permet d’insérer un commentaire qui ne sera pas visible sur le navigateur.
<A href="http://...">...</A> : Permet d’insérer un lien externe vers une page web.
<IMG src=urlimg> : Permet d’insérer une image au format gif, jpeg ou img. Il faut écrire à la place
de urlimg le nom de l’image qui doit se trouver dans le même dossier que le fichier HTML.
<BR> : Permet de faire un retour à la ligne.
<BODY bgcolor=colcod> : Cette balise permet de définir la couleur d’arrière plan.
<BODY background=urlimg> : Même principe que celle d’avant sauf que celle-ci permet de
mettre une image en arrière-plan.
Voici un site pour apprendre les bases du codage en HTML :
http://fr.html.net/tutorials/html/
Comments