HTML Basics Demo — Inline CSS Only

HTML Basics Demo (Inline CSS)

A compact reference of common HTML elements and attributes.

Lab Performance 1

Title: All basic html code use

Md. Sadat Alam Protik

Student ID: 0242220005101858

Section: 63_M

Program: BSc in CSE

Department: Computer Science

Blood: A+

Valid Thru June 30, 2026

Headings h1–h6

This is an H1 heading

This is an H2 heading

This is an H3 heading

This is an H4 heading

This is an H5 heading

This is an H6 heading

Text and Formatting

This is a paragraph demonstrating strong, emphasis, bold, italic, underline, mark, small, ~~deleted~~, inserted, H₂O and E = mc².

Inline code: console.log('Hello'), keyboard: Ctrl + S

“Simplicity is the soul of efficiency.” — Austin Freeman

function greet(name) {
	return `Hello, ${name}!`;
}
console.log(greet('World'));

Abbreviation: HTML. Time: Oct 18, 2025.

Box Model: Margin and Padding

Parent box (padding: 16px, dashed border)

Child box (margin: 12px, padding: 12px)

Tip: Margin adds space outside the border; padding adds space inside.

Lists

Unordered

Item A
Item B
- Nested 1
- Nested 2
Item C

Ordered

First
Second
Third

Description

HTML: The standard markup language for web pages.
CSS: Used to style and layout web pages.

Links, Images, and Media

Visit W3Schools • Email link • Telephone link • Back to top

Sample placeholder — An example image with border and rounded corners.

Tables

Sample Product Table
#	Name	Price	Stock
1	Keyboard	$29.99	In stock
2	Mouse	$15.00	In stock
3	Webcam	$49.00	Limited
4	Headset (bundle)		Preorder
5	Monitor 24"	$149.00	In stock
5	Monitor 27"	$219.00	In stock
Prices are in USD. Availability may vary.

Forms

Semantic Elements

Article Title

John Doe

This is a short article using semantic elements: header, section, and footer.

Click to expand details

This content is hidden by default and revealed using the details/summary elements.

Miscellaneous

Horizontal rule separates content:

Progress

Meter