Image

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 !

Reproduisez ce code (ne le copier-coller pas!).

<!DOCTYPE html>
<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

Reproduisez ce code (ne le copier-coller pas!).

<!DOCTYPE html>
<html>
<body>
<h3 style="color:blue;">TITRE</h3>
<p style="color:black;">Lorem ipsum dolor sit amet</p>
</body>
</html>

C 0003 - Les listes

Reproduisez ce code (ne le copier-coller pas!).

<!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

Reproduisez ce code (ne le copier-coller pas!).

<!DOCTYPE html>
<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>
Icon

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

Origine
» Date de création : 1993
* Créé par World Wide Web Consortium & WHATWG
* Basé sur Standard Generalized Markup Language
* Format ouvert

Outils+ HTML

Logiciels et environnements

Actualité

Tags
Image

Reflex 001 ©
2023 / All rights reserved

Legal structure based in
Nice - FRANCE / Montreal - CANADA
Only by appointment...

Image
Image