Votre premier laboratoire HTML

HTMLHTMLBeginner
Pratiquer maintenant

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Bonjour et bienvenue sur LabEx! Dans ce premier laboratoire, vous allez apprendre le programme classique "Hello, World!" en HTML.

Cliquez sur le bouton Continue ci-dessous pour commencer le laboratoire.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/BasicStructureGroup -.-> html/head_elems("Head Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") subgraph Lab Skills html/basic_elems -.-> lab-92740{{"Votre premier laboratoire HTML"}} html/head_elems -.-> lab-92740{{"Votre premier laboratoire HTML"}} html/text_head -.-> lab-92740{{"Votre premier laboratoire HTML"}} end

Hello HTML

HTML est le langage du web. C'est la base de chaque page web que vous voyez. HTML est l'acronyme de HyperText Markup Language (Langage de balisage hypertexte). C'est un langage de balisage qui utilise une syntaxe spéciale pour décrire la structure d'une page web. HTML n'est pas un langage de programmation. C'est un langage de balisage qui utilise une syntaxe spéciale pour décrire la structure d'une page web.

Nous avons déjà créé le fichier index.html dans le WebIDE. Ouvrons-le et ajoutons un peu de code HTML.

<!doctype html>

<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello HTML</h1>
  </body>
</html>
HTML code in WebIDE

Ensuite, cliquez sur le bouton Go Live en bas à droite. Cela lancera un serveur web local sur le port 8080.

Maintenant, vous pouvez passer à l'onglet Web 8080 et cliquer sur le bouton de rafraîchissement pour voir les modifications.

Web 8080 Tab Refresh Button

Summary

Félicitations! Vous avez terminé votre premier laboratoire LabEx.

Si vous souhaitez en savoir plus sur LabEx et sur la manière de l'utiliser, vous pouvez visiter notre Support Center. Ou vous pouvez regarder la vidéo pour en savoir plus sur LabEx.

La programmation est un long chemin, mais le Prochain laboratoire n'est qu'à un clic de distance. Allons-y!