We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
Bare-Bones Basics of HTML
Choose a path from here
The thread above leads to another split here. Pick the direction you want to read next.
Explain: Document structure
This path eventually reaches 4.
Explain: <!DOCTYPE html> — declares HTML5.
This path eventually reaches 6.
Explain: <html> — root element.
This path eventually reaches 8.
Explain: <head> — metadata: <title>, <meta>, <link>, <style>, <script> (usually ...
This path eventually reaches aa1.
Explain: <body> — visible content: text, images, links, lists, etc.
This path eventually reaches What the <body> Element Means.
Explain: Basic tags
This path eventually reaches aa5.
Explain: <title>Your page title</title> — shown in browser tab (inside head).
This path eventually reaches What the <title> Tag Does.
Explain: Headings: <h1>…</h1> to <h6>…</h6>.
This path eventually reaches aa9.
Explain: Paragraph: <p>Paragraph text</p>.
This path eventually reaches ad2.
Explain: Links: <a href=”https://example.com”>link text</a>.
This path eventually reaches ad4.
Explain: Images: <img src=”image.jpg” alt=”description”> (self-closing; include ...
This path eventually reaches ad6.
Explain: Lists:
This path eventually reaches Lists in HTML.
Explain: Unordered: <ul><li>Item</li></ul>
This path eventually reaches ae1.
Explain: Ordered: <ol><li>Item</li></ol>
This path eventually reaches ae3.
Explain: Line break: <br>
This path eventually reaches The <br> Element — Line Break in HTML.
Explain: Horizontal rule: <hr>
This path eventually reaches The <hr> Element — Horizontal Rule (What It Is and How to Use It).
Explain: Attributes
This path eventually reaches ae9.
Explain: Provide extra info inside opening tag: <tag attribute=”value”>.
This path eventually reaches What an HTML Attribute Is (and How It Works).
Explain: Common attributes: id, class, href, src, alt, title, style.
This path eventually reaches Common HTML Attributes — What They Do and When to Use Them.
Explain: Nesting and well-formedness
This path eventually reaches af6.
Explain: Tags should be properly opened and closed and nested (e.g., <p><strong>...
This path eventually reaches Proper Tag Nesting and Closing in HTML.
Explain: Example minimal page
This path eventually reaches Explanation of the Example Minimal HTML Page.
Explain: Where to learn next
This path eventually reaches Where to Learn More About HTML.
Explain: Mozilla Developer Network (MDN) HTML guide: https://developer.mozilla.o...
This path eventually reaches What the MDN HTML Guide Is and Why It’s Useful.
Explain: W3C HTML specification and tutorials: https://www.w3.org/ and https://w...
This path eventually reaches Difference between W3C and W3Schools for learning HTML.
Explain: <!DOCTYPE html> — declares HTML5.
This path eventually reaches What <!DOCTYPE html> Means.
Explain: <html> — root element.
This path eventually reaches What the <html> Element Is (and Why It Matters).
Explain: <head> — metadata: <title>, <meta>, <link>, <style>, <script> (usually ...
This path eventually reaches What the <head> Does — a Plain Explanation.
Explain: <body> — visible content: text, images, links, lists, etc.
This path eventually reaches What the <body> element does.
Explain: <title>Your page title</title> — shown in browser tab (inside head).
This path eventually reaches What the <title> Tag Does.
Explain: Headings: <h1>…</h1> to <h6>…</h6>.
This path eventually reaches HTML Headings (<h1> to <h6>).
Explain: Paragraph: <p>Paragraph text</p>.
This path eventually reaches The <p> Tag — Paragraphs in HTML.
Explain: Links: <a href=”https://example.com”>link text</a>.
This path eventually reaches How HTML Links (<a>) Work.
Explain: Images: <img src=”image.jpg” alt=”description”> (self-closing; include ...
This path eventually reaches What the <img> tag and the alt attribute mean.
Explain: Lists:
This path eventually reaches HTML Lists — Ordered and Unordered.
Explain: Unordered: <ul><li>Item</li></ul>
This path eventually reaches What <ul> and <li> Mean — Unordered Lists in HTML.
Explain: Ordered: <ol><li>Item</li></ol>
This path eventually reaches What "<ol><li>Item</li></ol>" Means.
Explain: Line break: <br>
This path eventually reaches What the <br> Tag Does (and When to Use It).
Explain: Horizontal rule: <hr>
This path eventually reaches What the <hr> (Horizontal Rule) Tag Does.
Explain: Unordered: <ul><li>Item</li></ul>
This path eventually reaches ak1.
Explain: Ordered: <ol><li>Item</li></ol>
This path eventually reaches What <ol> and <li> Mean — Ordered Lists in HTML.
Explain: Provide extra info inside opening tag: <tag attribute=”value”>.
This path eventually reaches What HTML Attributes Are and How They Work.
Explain: Common attributes: id, class, href, src, alt, title, style.
This path eventually reaches Common HTML Attributes — What They Do and When to Use Them.
Explain: Tags should be properly opened and closed and nested (e.g., <p><strong>...
This path eventually reaches Properly Opening, Closing, and Nesting HTML Tags.
Explain: Mozilla Developer Network (MDN) HTML guide: https://developer.mozilla.o...
This path eventually reaches al2.
Explain: W3C HTML specification and tutorials: https://www.w3.org/ and https://w...
This path eventually reaches W3C vs. W3Schools — What they are and when to use them.
Reading key
Highlights
No highlights yet
Select text to save it here.