Débutant(e)
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!).
<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!).
<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!).
<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 HTML
Info+ HTML
Origine
» Date de création : 1993
* Créé par World Wide Web Consortium & WHATWG
* Basé sur Standard Generalized Markup Language
* Format ouvert
* Créé par World Wide Web Consortium & WHATWG
* Basé sur Standard Generalized Markup Language
* Format ouvert
Sites Web officiels ou leaders
Sites de tutoriaux officiels
Sites Web d'appoint
Publications et revue de presse
Outils+ HTML
Logiciels et environnements
Glossaire
Cas pratiques
Afin de vous entraîner, nous ajoutons chaque semaine dans cette section des petits programmes pour vous maintenir à niveau.
CAS 1
NIVEAU BASE
Présenter du contenu sur une page
Ce petit programme vous permettra de développer du contenu éditorial dans une page HTML classique, en utilisant notamment CSS.
CAS 2
NIVEAU INTERMÉDIAIRE
Créer un petit site Web
Ce petit kit vous permettra de concevoir un site HTML classique et l'éditer en ligne.
CAS 3
NIVEAU EXPERT
Développer une librairie CSS, puis travailler avec PHP
Concevoir et développer une librairie de fichiers en CSS, pour vous permettre d'embellir un site Web en HTML, puis intégrer dans le corps de ces pages des scripts en PHP liés à une base de données MySQL.
Actualité
- HTML / Exercices
- Affichages : 405
