HTML5 Learning Guide
HTML Syntax
Tags: Keywords like <p>, <div>. Often in pairs: <p>...</p>.
Elements: Tag with content, e.g., <p>Hello</p>.
Attributes: Info within tags. E.g., <a href='url'>Link</a>.
Page Structure
<!DOCTYPE html>: Declares HTML5
<html>: Root
<head>: Metadata
<body>: Visible content
Text Formatting
Headings: <h1> to <h6>
Paragraphs: <p>...</p>
Span: Inline for styling text.
Hyperlinks & Anchors
<a href='url'>Link</a>
Use #id for same-page jumps, target='_blank' for new tab.
Lists
Ordered: <ol><li>Item</li></ol>
Unordered: <ul><li>Item</li></ul>
Multimedia Embedding
Images: <img src='...' alt='...'>
Audio: <audio controls><source src='...'></audio>
HTML5 Learning Guide
Video: <video controls><source src='...'></video>
Tables
<table><tr><th>Header</th></tr><tr><td>Data</td></tr></table>
Forms and Inputs
<form><input type='text'>, <input type='submit'></form>
Types: text, email, radio, etc.
Semantic Elements
<header>: Top
<footer>: Bottom
<nav>: Navigation
<section>: Grouping
<article>: Self-contained