Le langage HTML

Introduction

Avant de commencer, vous allez ouvrir le logiciel Notepad++, créer un fichier intro.html (en veillant à bien choisir le bon type de fichier lors de l'enregistrement).

Copiez le texte suivant dans le fichier, puis ouvrez ce fichier avec un navigateur (Firefox, Chrome, Edge, ...).

HTTP, ou HyperText Transfert Protocol, est un protocole de communication utilisé par le Web depuis les énnées 1990. Il permet la communication entre un client (l'ordinateur de l'utilisateur) et un serveur (dans un data center). Le "S" de HTTPS vient de Secure (sécurisé). Il signifie que la communication HTTP est cryptée pour protéger les données. Les modes de cryptage les plus répendus sont SSL et TLS. File Trasfer Protocol, ou FTP, est un protocole de communication destiné au transfert de fichiers d'un ordinateur à un autre. Il sert souvent aux développeurs Web pour hébergé un site web (comme celui-ci). Le protocole FILE permet d'accéder aux ressources présentes en local, c'est-à-dire directement sur la machine de l'utilisateur. Si vous ouvrez n'importe quel fichier de votre ordinateur dans un nagivateur, vous retrouverez le protocole FILE dans la barre d'URL.

Exercice 1 : Que constatez-vous ? En déduire l'utilité du langage HTML.

Vocabulaire et structure du code

Le langage HTML (HyperText Markup Language) est un langage de balises (markup) conçu pour représenter les pages web. Ce langage permet :

d’écrire des liens hypertexte (comme son nom l'indique...) ;
de structurer l'architecture de la page Web ;
de mettre en forme le contenu ;

Les balises sont généralement écrites de la façon suivante :

	...
Balise de début	Contenu à afficher	Balise de fin

Observer un site web

Pour observer le code d'une page web, il vous suffit de faire "Ctrl+u".

Pour observer toutes les communications entre votre ordinateur et le serveur web (où est stockée la page web), faites "Ctrl+Shift+i" :

Options		Descriptions
1.	Eléments	Observer le code d'une page web. Ce code est modifiable en direct (contrairement au "Ctrl+u").
2.	Console	Observer les affichages du code JavaScript.
3.	Sources	Observer les fichiers envoyés par le serveur web.
4.	Réseau (Network)	Observer ce qui se passe sur le réseau (les fichiers et les requêtes envoyées).
5.	etc.

Exercice 2 : Observez le code de la page Web "1.3. Observer une page Web".

Notez vos observations des balises HTML (leur utilité, leur spécificité, ...). Cela vous permettra d'avoir un mémo sur ces balises pour votre projet.

Les principales balises à connaître pour concevoir une page Web :
p	html	title	body	table
ol	head	a	i
u	b	tr	ul
	meta	td	li
img	h1, h2, h3, h4, h5, h6		th