Ce cours a pour but d'initier au HTML, à comprendre sa logique et son intérêt. Il présente également les langages qui sont liés au HTML. Il s'adresse donc à des futurs rédacteurs Web.
HTML signifie HyperText Markup Language. C'est un langage qui s'écrit à l'aide de balises qui doivent être rédigées dans un ordre précis, que l'on ouvre et que l'on referme. Le langage HTML permet de réaliser des documents lisibles sur Internet, grâce au protocole HTTP (HyperText Transfer Protocol). Ce protocole permet d'accéder à des pages ou à des documents qui se trouvent dans une adresse unique nommée URL grâce au réseau. Les Url débutent par http:// ou https:// pour les documents sécurisés, il s'agit alors du protocole HTTPS.
Le protocole HTTPS (protocole HTTP sécurisé) est employé pour le commerce électronique, les comptes bancaires, les courriers électroniques. Ce protocole permet de chiffrer les requêtes échangées entre le navigateur et le serveur.
On appelle World Wide Web (que l'on écrit WWW) ou Web (mot anglais signifiant toile), l'ensemble des documents liés entre-eux par des hyperliens. Les pages web sont organisées autour d'une page d'accueil dite "index". C'est le point de départ du site Web, il propose différents chemins pour naviguer dans le site à l'aide des liens hypertextes. L'ensemble des pages, des documents (images, sons, vidéos, etc.) se nomme site Web.
Le web est composé de pages web stockées sur des serveurs web; ce sont des machines connectées à Internet en permanence et chargées de fournir les pages web demandées.
Pour visiter les différents site Web, on utilise des logiciels nommés navigateurs (en anglais browser ou butineur au Québec). Ces logiciels interrogent les serveurs web, et exposent le résultat de leur requête grâce aux instructions contenues dans la page HTML.
Les principaux navigateurs utilisés sur Internet sont :
Il faut savoir qu'une page Web ne s'affiche pas de la même manière selon les navigateurs. Lorsque l'on construit son site il faut tenir compte des spécificités de certains navigateurs très employés et vérifier l'affichage de chaque page du site dans plusieurs navigateurs.
Le HTML est un standard et il est important de bien le comprendre. Le W3C (World Wide Web Consortium), l'organisme chargé de standardiser les normes relatives à internet a spécifié la version utilisée actuellement, le HTML 4.01.
Il est important de respecter les règles éditées par le W3C afin que votre site s'affiche correctement dans tous les navigateurs. Un outil en ligne proposé par le W3C permet de vérifier le code HTML :
http://validator.w3.org
Le HTML a évolué, il existe différentes version standard au fil des années du HTML de la version 1 à la dernière version la 4.01 et cela est spécifié en tout début de document. Dans la première ligne de code HTML, on définie le type de document ; pour le HTML 4.01 :
Le XHTML(Structured XML markup) est l'évolution du HTML, il permet d'afficher un contenu présentable non seulement pour les ordinateurs, mais également pour les PDA. Le code que vous placerez donc dans vos en-tête sera:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"Vous ne pourrez pas valider un document si vous n'utilisez pas un de ces doctypes au début de votre document. Ne l'oubliez pas si vous écrivez vos documents à la main.
Le HTML permet de créer des pages statiques. Le DHTML (Dynamic HyperText Markup Language) dont on entend souvent parler n'est pas un langage à proprement parler. Il s'agit en réalité d'un ensemble de langages complémentaires au HTML et permettant de rendre une page web plus dynamique. Ces langages sont :
On peut également créer des pages dynamiques, avec différents langages, comme le PHP (Hypertext preprocessor) qui emploie son propre langage (dérivé du C++ et de Perl) et permet de nombreuses fonctionnalités, le langage JSP (Java Server Pages), le XML.
Pour écrire une page HTML, on emploie un logiciel nommé éditeur de texte. Il en existe plusieurs : sous Windows : Bloc-notes par exemple, Vi, Gedit ou Bluefish sous Linux. Ensuite il existe des éditeurs dit de WYSIWYG qui aide la rédaction de ces pages. Le plus connu est Dreamweaver. Avant d'apprendre à se servir d'un de ces logiciel de WYSIWYG il est important de comprendre la logique du HTML et donc d'écrire le texte avec un éditeur de texte simple.