Learn HTML Basics with LabEx

Introduction

Hi there, welcome to LabEx! In this first lab, you'll learn the classic "Hello, World!" program in HTML.

Click the Continue button below to start the lab.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("`HTML`")) -.-> html/BasicStructureGroup(["`Basic Structure`"]) html(("`HTML`")) -.-> html/TextContentandFormattingGroup(["`Text Content and Formatting`"]) 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{{"`Your First HTML Lab`"}} html/head_elems -.-> lab-92740{{"`Your First HTML Lab`"}} html/text_head -.-> lab-92740{{"`Your First HTML Lab`"}} end

Hello HTML

HTML is the language of the web. It is the foundation of every web page you see. HTML is an acronym for HyperText Markup Language. It is a markup language that uses a special syntax to describe the structure of a web page. HTML is not a programming language. It is a markup language that uses a special syntax to describe the structure of a web page.

We have already created index.html file in the Web IDE. Let's open it and add some HTML code.

<!doctype html>

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

Then click on the bottom right corner Go Live button, this will run a local web server on 8080 port.

Now, you can switch to the Web 8080 Tab, and click the refresh button to see the changes.

Summary

Coungratulations! You have completed your first LabEx Lab.

If you want to learn more about LabEx and how to use it, you can visit our Support Center . Or you can watch the video to learn more about LabEx.

Programming is a long journey, but Next Lab is just one click away. Let's do it!

Your First HTML Lab

Introduction

Skills Graph

Hello HTML

Summary

Other HTML Tutorials you may like