LESSON 1 - WEB

HTML5

Is the current standard version of HTML, the markup language used to structure content on web pages.

1.

2.

3.

4.

5.

6.

7.

Semantic Elements

Document structure

Refers to the standardized blueprint or skeletal framework that organizes a webpage's content.

1.

2.

3.

4.

What are the Document Structures?

This must be the very first line of the file. It tells the browser to render the page using modern HTML5 rules instead of guessing based on old, inconsistent standards. Without it, browsers can behave unpredictably.

This is the root element that wraps every other tag on the page.

This section holds information about the page rather than content people see. Things like the page title (shown in the browser tab), character encoding, and links to stylesheets or scripts all live here.

This holds all the visible content: headings, paragraphs, images, links, everything the visitor actually looks at. A page can only have one .

1. Headings (h1-h6)

2. Paragraphs

3. Line Breaks

What are the basic tags?

1.

2.

3.

4.

5.

6.

What are the Text Formatting Elements?

Displays text in bold. This is used to highlight important words or phrases so they stand out to the reader.

Displays text in italic. It is commonly used to emphasize a word or to show stress in meaning.

Defines a paragraph. It groups sentences together into a readable block of text.

Underlines text to highlight or emphasize certain words

Represents a block of quoted text. It is usually indented to visually separate it from the main content.

Inserts a line break, forcing the text to continue on the next line. Useful for poetry or addresses.

Creates an unordered list, where items are marked with bullets. Best for general points without sequence.

Creates an ordered list, where items are numbered or lettered. Perfect for steps or rankings.

Defines each list item inside

or
. Every bullet or number is wrapped in
1. .

Creates a description list, useful for glossaries or definitions.

Defines the term in a description list.

Provides the description or explanation of the term.

HREF Attribute Visit

Is the essential heart of the anchor tag. It establishes the actual destination address of the Inked resource. Without it, the tag acts as standard unclickable infine text

Target Attribute Visit

The target attribute determines where the linked document

will open. While the default opens the resource in the current browser tab, using blank forces a new window/tab.

Absolute Path

Complete URL address pointing to a specific online domain. Includes Protocol.

Relative Path (Same folder)

Locates the target page directly within the current folder structure.

Relative Path (Up- level)

Tells browser to climb up one folder level using prefix notation.

Absolute Local (Avoid!)

Paths mapping to a specific computer hard drive (e.g., C:/Users).

1. Use Descriptive Link Texts

2. Implement Tab Security

3. Keep relative structure portable

Best Practices of Hyperlink:

1. Explain the "WHY"

2. Stay Concise

3. Never Store Secrets

Three pillar of HTML Commenting: