freecourses.digital
Lesson progress: 0 of 4 activities done
All lessons in HTML Basics for Beginners Lesson 1.1 of 34

Module 1: Introduction to HTML

  1. 1.1What is HTML?
  2. 1.2How websites work: HTML, CSS, and JavaScript
  3. 1.3HTML elements, tags, and attributes
  4. 1.4Setting up your first HTML file

Module 2: HTML Document Structure

  1. 2.1The basic HTML document
  2. 2.2DOCTYPE, html, head, and body explained
  3. 2.3The page title and metadata
  4. 2.4Writing your first webpage

Module 3: Text and Content Elements

  1. 3.1HTML headings: h1 to h6
  2. 3.2Paragraphs and line breaks
  3. 3.3Bold, emphasis, and text formatting
  4. 3.4Ordered and unordered lists

Module 4: Links and Navigation

  1. 4.1Creating links with the a tag
  2. 4.2Relative URLs and absolute URLs
  3. 4.3Linking to sections within a page
  4. 4.4Building basic website navigation

Module 5: Images and Embedded Content

  1. 5.1Adding images with the img tag
  2. 5.2Image paths and file locations
  3. 5.3Alternative text and image accessibility
  4. 5.4Embedding videos and external content

Module 6: Tables and Data

  1. 6.1Creating HTML tables
  2. 6.2Table rows, headers, and cells
  3. 6.3Organizing tabular data accessibly

Module 7: Forms and User Input

  1. 7.1Understanding HTML forms
  2. 7.2Text fields, email fields, and text areas
  3. 7.3Labels, buttons, and required fields
  4. 7.4Basic form structure and submission

Module 8: Semantic HTML and Accessibility

  1. 8.1What is semantic HTML?
  2. 8.2header, nav, main, section, and footer
  3. 8.3Using HTML to improve accessibility

Module 9: HTML for SEO

  1. 9.1HTML title tags and meta descriptions
  2. 9.2Heading hierarchy and content structure
  3. 9.3Canonical links, robots directives, and basic metadata

Module 10: Practice Project and Validation

  1. 10.1Build a simple HTML website

What is HTML?

Inside this lesson

  • What HTML means, in one plain sentence
  • Why HTML is a markup language, not a programming language
  • How a web browser reads HTML source code
  • Where HTML shows up in real jobs, from VAs to developers

Short answer

HTML, or HyperText Markup Language, is the code that tells a web browser what each part of a webpage is: this is a heading, this is a paragraph, this is a link, this is an image. Every website you visit, from Shopee to your barangay's Facebook page, is built on HTML. It is the first language anyone learns in web development, and you can write it with a free text editor.

What HTML means in plain words

HTML stands for HyperText Markup Language. Each word tells you something:

  • HyperText is text with links. Click a link and you jump to another page. That is what makes the web a web.
  • Markup means you mark parts of your text with labels called tags. The tags say what each part is.
  • Language means there are rules everyone follows, so every browser understands the same code.

Here is a tiny piece of HTML:

<h1>Kapihan sa Legazpi</h1>
<p>Fresh coffee and pili tarts every morning.</p>

The <h1> tag marks the main heading. The <p> tag marks a paragraph. The browser reads these labels and shows a big title with normal text under it.

Is HTML a programming language?

No. HTML is a markup language. It describes structure and meaning, but it cannot do math, make decisions, or loop. That job belongs to a programming language like JavaScript.

This is good news for beginners. You do not need to learn logic or algorithms to write HTML. You only need to learn which tag fits which kind of content.

How a browser reads HTML

When you open a webpage, your browser (Chrome, Safari, Firefox, Edge) downloads an HTML file from a web server. Then it reads the file from top to bottom and turns the tags into what you see. This process is called rendering.

You can see the HTML of any page. Right click on a webpage and choose View page source, or press Ctrl + U on Windows. That is the source code the browser received.

Who uses HTML?

  • Web developers write HTML every day.
  • SEO specialists check title tags, headings, and links in the HTML.
  • Virtual assistants edit blog posts, email templates, and WordPress pages.
  • Small business owners fix a typo or swap a photo without paying a developer.

Even a little HTML knowledge makes you faster in all of these roles.

See real HTML yourself

Step 1 of 5

Open any website

Open a site you visit often, like a news site or an online shop, in Chrome or Edge on a laptop.

Try it: change the words

Edit the text between the tags. The preview updates as you type. Try changing the shop name to your own business.

Live preview

Quick quiz

1. What does HTML stand for?
2. Which statement about HTML is true?
3. What does the browser do with HTML?
4. Which shortcut shows a page's source code in Chrome on Windows?

Common mistakes

  • Thinking you must learn coding first. HTML is the starting point. You can learn it before any programming language.
  • Confusing HTML with the design. HTML gives structure. Colors and layout come from CSS, which you meet in the next lesson.
  • Copying HTML without reading it. Copying is fine for learning, but read each tag so you understand what it does.

Your action

Tick each item when you can do it. Your progress saves on this device.

Key terms

HTML
HyperText Markup Language, the code that structures webpages.
Markup language
A language that labels content with tags instead of running logic.
Tag
A label in angle brackets, like <p>, that marks content.
Web browser
An app like Chrome or Safari that downloads and renders webpages.
Source code
The raw HTML text a browser receives before it renders the page.
Rendering
The browser's work of turning HTML into the visible page.

Questions beginners ask

Is HTML hard to learn?

No. Most beginners can write a simple page within a day. The core tags fit on one sheet of paper.

Do I need to pay for software?

No. A free text editor like Notepad, VS Code, or even the live editor on this page is enough.

What version of HTML should I learn?

Learn modern HTML, often called HTML5. It is the current standard that every browser supports.

Can I get a job with only HTML?

HTML alone rarely gets a developer job, but it helps in SEO, VA, content, and email marketing roles right away.

Related lessons

Need a website built or fixed while you practice? The team at Remar Digital can help.