The video's link - https://youtu.be/HcOc7P5BMi4?si=eIuDDGoj-5D3r6pV
HTML Learning Notes (from Video)
Chapter 2: HTML Basics
HTML structure
-
Every HTML page has :
-
<html>= holds the whole web page together -
<head>= the brain of the webpage (title, metadata, styles, etc.) -
<body>= the stuff you actually see
-
Tags, Elements, Attributes & Comments
-
Tag:
<p>(like an opening signboard) -
Element:
<p>Hello</p>(full package, open + content + close) -
Attribute: Extra info inside a tag:
<img src="cat.jpg" alt="little cat"> -
Comments:
<!-- This is invisible -->(your secret notes )
Paragraphs & Headings
-
<p>= paragraph, keeps text neat. -
Headings:
<h1>(biggest) →<h6>(smallest).
Links with <a>
-
<a href="https://google.com">Google</a>→ absolute URL (full web address). -
<a href="about.html">About</a>→ relative URL (inside your own project).
Images with <img>
-
<img src="dog.jpg" alt="A dog"> -
src= where the picture lives -
alt= backup text if image doesn’t load (also helps blind users ).
Lists
-
Unordered list
<ul>→ bullet points Ordered list
<ol>→ numbered 1, 2, 3- Definition list
<dl>→ term + description
Media & Iframes
-
<video>→ embed videos. -
<audio>→ embed sound/music. -
<iframe>→ window to another webpage (YouTube, maps).
Tables
-
<table>→ whole table. -
<tr>→ row. -
<td>→ cell (data). -
<th>→ header (bold). -
<caption>→ table title.
No comments:
Post a Comment