HTML

HTML, also known as HyperText Markup Language, is THE markup language for developing web pages. As such, it is still a must-have.

BEGINNER

⇒ Code Examples

→ You must be bilingual (Fr/En). Code examples are in English.

→ Let's start with very simple codes. The more you progress, page after page, the more sophisticated the scripts will be. However, you must go over 30 to 40 pages per level, before moving on to the next step...

→ In order to evaluate your codes, click on the icon on the left at the bottom of the page (gears), then choose a compiler from the list that will be open in another tab. Finally, test your work.

NOW REPRODUCE AND IMMERSE YOURSELF!

C 0001 - Hello World !

Reproduce this code (do not copy and paste!).

<!DOCTYPE html>
<html>
<body>
<h1>Hello World !</h1>
<h2>How are you today ?</h2>
<p>Let's start !</p>
</body>
</html>

C 0002 - Colors

Reproduce this code (do not copy and paste!).

<!DOCTYPE html>
<html>
<body>
<p>Colours</p>
<p style="color:blcak;">Black</p>
<p style="color:red;">Red</p>
<p style="color:orange;">Orange</p>
</body>
</html>

C 0003 - Comments

Reproduce this code (do not copy and paste!).

<!DOCTYPE html>
<html>
<body>
<p>Small title</p>
<!-- <p>Your comment wich will be invisible even if you run it</p> -->
<p>Text</p>
<p>Other text</p>
</body>
</html>

C 0004 - Page title in the HEADER

Reproduce this code (do not copy and paste!).

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>
<body>
<h1>Content Title</h1>
<p>Content 1</p>
<p>Content 2</p>
</body>
</html>

CHOISISSEZ VOTRE COMPILATEUR

Reproduisez ce code, en choisissant l'un des compilateurs 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 !

W3School

OneCompiler

HTML

EN - HTML (language/Code)