Scribd
Upload
4 views2 pages

HTML Notes

HTML, or HyperText Markup Language, is the foundational structure of a website, defining elements like text, images, and links. A basic HTML document includes essential components such as <!DOCTYPE html>, <html>, <head>, and <body>, which organize the content. Common HTML tags include headings, paragraphs, links, images, buttons, and lists, each serving specific functions within the webpage.

Uploaded by

martinmoepya07
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
4 views2 pages

HTML Notes

HTML, or HyperText Markup Language, is the foundational structure of a website, defining elements like text, images, and links. A basic HTML document includes essential components such as <!DOCTYPE html>, <html>, <head>, and <body>, which organize the content. Common HTML tags include headings, paragraphs, links, images, buttons, and lists, each serving specific functions within the webpage.

Uploaded by

martinmoepya07
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

What is HTML?

HTML = HyperText Markup Language


It’s the structure of a website (like the skeleton 🦴).
HTML tells the browser what is what
Text, images, buttons, links, forms — all start with HTML
Basic HTML Structure (VERY IMPORTANT)

Every HTML page starts like this:

Html
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
</head>
<body>

<h1>Hello World</h1>
<p>This is my first website.</p>

</body>
</html>

Meaning:
<!DOCTYPE html> → tells browser this is HTML5
<html> → wraps the whole page
<head> → info about the page (title, styles)
<body> → everything you see on the website
HTML Tags

HTML uses tags:


<tagname>Content</tagname>
Example:

Html
<p>This is a paragraph</p>
Common HTML Tags (Must Know)
Headings

Html
<h1>Big heading</h1>
<h2>Smaller heading</h2>
<h3>Even smaller</h3>
Paragraph

Html
<p>This is a paragraph.</p>

Line Break
<br>

Links
<a href="[Link] to Google</a>

Images
<img src="[Link]" alt="My Image">

Buttons
<button>Click Me</button>

Lists
Unordered list (bullets):
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

Ordered list (numbers):


<ol>
<li>Wake up</li>
<li>Code</li>
<li>Sleep</li>
</ol>

Attributes
Extra info inside tags:
<a href="[Link]
href → link address
src → image source
alt → image description

You might also like