Scribd
Upload
5 views3 pages

HTML Notes

This document provides an overview of HTML and HTML5, including requirements, structure, and common elements. It covers basic tags, validation, and the use of browser tools for inspecting HTML. Additionally, it highlights HTML5-specific elements such as <header>, <nav>, <video>, and <audio>.

Uploaded by

lamsimphiwe38
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views3 pages

HTML Notes

This document provides an overview of HTML and HTML5, including requirements, structure, and common elements. It covers basic tags, validation, and the use of browser tools for inspecting HTML. Additionally, it highlights HTML5-specific elements such as <header>, <nav>, <video>, and <audio>.

Uploaded by

lamsimphiwe38
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

PART 1: The Basics of HTML & HTML5

1. Requirements

- A text editor and a web browser.

2. Definition of HTML

- HTML structures webpages; HTML5 is the latest version.

3. Structure

<!DOCTYPE html> ... basic layout.

4. No Output?

- Check file extension, content placement.

5. Validation

- W3C validator checks errors.

6. More Warnings

- Outdated tags, accessibility issues.

7. Comments

<!-- comment -->

8. HTML5 Structure Revisited

<header>, <nav>, <section>, <article>, <footer>

9. Inspecting with Browser Tools

- Right-click → Inspect.

10. Adding Content

<h1>, <p>, <img>, <a>

11. Notes

- HTML is structural, CSS styles.

PART 2: HTML Elements

12. Paragraph Tag

<p>...</p>

13. Block-level Elements

<div>, <section>, <article>, <footer>

14. Inline Elements

<span>, <a>, <strong>, <img>

14a. Line Break


<br>

14b. Text Modifiers

<b>, <i>, <em>, <mark>

14c. Images

<img src="" alt="">

14c a. Alternate Text

Describes image.

14c b. Displaying Images

Local or online.

14c c. Specifying Size

width="" height=""

14d. Anchors & Hyperlinks

<a href="">Link</a>

14e. Linking Inside Document

<a href="#id">

14f. Inline Elements in Action

Used inside paragraphs.

15. Block & Inline Elements in Action

Mixed usage.

16. Tables & Forms

<table> and <form> basics.

PART 3: Main HTML5-Specific Elements

17. Header & Footer

<header>, <footer>

18. Navigation

<nav>

19. Section, Article & Aside

<section>, <article>, <aside>

20. Meter Element

<meter value="" min="" max=""></meter>

21. Video
<video controls>...</video>

22. Audio

<audio controls>...</audio>

You might also like