
HTML est le langage de balisage de base du développement Web, créé en 1993.
Il permet essentiellement de réaliser des pages Web, voire des contenus multimédias.
Exemples de codes
→ Commençons par des codes très simples. Plus vous progresserez, page après page, plus les scripts seront sophistiqués. Vous devez néanmoins passer le cap de 30 à 40 pages par niveau, avant de passer à la prochaine étape...
→ Afin d'évaluer vos codes, cliquez sur l'icône à gauche en bas de page (rouages), puis choisissez un compilateur dans la liste qui s'ouvrira dans un autre onglet. Finalement, testez votre travail.
MAINTENANT, RECOPIEZ ET IMPRÉGNEZ-VOUS !
C 0001 - Bonjour tout le monde !
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>Bonjour tout le monde !</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>
C 0002 - Jouer avec les couleurs
<html>
<body>
<h3 style="color:blue;">TITRE</h3>
<p style="color:black;">Lorem ipsum dolor sit amet</p>
</body>
</html>
C 0003 - Les listes
<!DOCTYPE html>
<html>
<body>
<h1>Liste de voitures</h1>
<ul>
<li>Rolls-Royce</li>
<li>Maserati</li>
<li>Ferrari</li>
</ul>
</body>
</html>
C 0004 - Créer un formulaire
<html>
<body>
<h3>Petit formulaire</h3>
<form action="processing.php">
<label for="fname">PRENOM:</label>
<br>
<input type="text" id="fname" name="fname" value="John">
<br>
<label for="lname">NOM:</label>
<br>
<input type="text" id="lname" name="lname" value="Smith">
<br>
<br><input type="submit" value="Soumettre">
</form>
<p>Si vous cliquez sur le bouton Soumettre, un fichier en PHP traitera les informations soumises dans ce formulaire (pour l'instant inactif)...</p>
</body>
</html>

CHOISISSEZ VOTRE COMPILATEUR
Reproduisez ce code, en choisissant l'un des compilateurs (♦ voir DEF) ci-dessous (ne copiez-collez pas ! Ce serait trop facile). Tous ont la même fonction, choisissez-en un en tenant simplement compte de vos préférences.
Lorsque vous copiez votre code, remplacez le code existant (par défaut) figurant déjà dans le compilateur, par le vôtre.
Attention ! Pour certains de ces compilateurs, vous devez vous-même choisir le langage de programmation, dans le menu qui vous est alors proposé. Bien évidemment, n'oubliez pas de cliquer sur RUN !
Spécifications techniques HTML
Outils et méthodologies
Info+ HTML
* Créé par World Wide Web Consortium & WHATWG
* Basé sur Standard Generalized Markup Language
* Format ouvert