🏠 Home / Hub

HTML Basic Lessons

Web page တစ်ခု ဘယ်လို ဆောက်ရမလဲ — Tags, Structure, Links, Forms အကုန်

6 Lessons · HTML5 Standard · Browser မှာ တိုက်ရိုက် ဖွင့်ကြည့်ရုံပဲ
HTML Basics — Lessons
01
🏗️

HTML Structure

DOCTYPE, html, head, body — Web page ရဲ့ အရိုးခံ structure

<!DOCTYPE><html><head><body>
02
📝

Text & Lists

Headings h1-h6, paragraphs, bold, italic, ordered & unordered lists

<h1><p><ul><ol>
03
🔗

Links & Images

Anchor tags href, target, images src, alt, relative vs absolute paths

<a>href<img>alt
04
📊

Tables

table, thead, tbody, tr, th, td — data ကို table ပုံစံ ပြနည်း

<table><tr><td>colspan
Forms & Semantic HTML
05
📋

Forms & Inputs

form, input types, button, select, textarea, label — User data ရယူနည်း

<form><input>type<select>
06
🏛️

Semantic HTML

header, nav, main, section, article, footer — meaningful structure

<header><nav><main><footer>

📋 HTML Quick Reference

Document

<!DOCTYPE html>
<html lang="en">
<head>...</head>
<body>...</body>

Text

<h1> to <h6> headings
<p> paragraph
<strong> bold
<em> italic

Lists

<ul> unordered
<ol> ordered
<li> list item
<dl> definition list

Links & Images

<a href="url">
target="_blank"
<img src="file.jpg"
alt="description">

Tables

<table>
<thead><tr><th>
<tbody><tr><td>
colspan / rowspan

Forms

<form action method>
<input type="text">
<button type="submit">
<select><option>

Semantic

<header> <nav>
<main> <section>
<article> <aside>
<footer>

Meta

<meta charset="UTF-8">
<meta name="viewport">
<title>Page Title</title>
<link rel="stylesheet">

Other Subjects

🚀 Back to Hub ⚡ JavaScript 🎨 CSS

📌 Study Checklist