Your First HTML Lab

HTMLHTMLBeginner
Practice Now

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 WebIDE. 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>
alt text

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.

alt text

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!

Other HTML Tutorials you may like