Class 01 - HTML Basics Documentation
Student Name: Majharul Islam
Student ID: 232002256
Department of Computer Science & Engineering
Green University of Bangladesh
| Class Information |
Details |
| Class Number |
01 |
| Topic |
HTML Basics |
| Date |
October 8, 2025 |
| Status |
✅ Completed |
🌐 What is HTML?
HTML (HyperText Markup Language) is the standard markup language for creating web pages.
- HTML stands for HyperText Markup Language
- HTML describes the structure of a Web page
- HTML consists of a series of elements
- HTML elements tell the browser how to display content
📝 Basic HTML Document Structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
🏗️ HTML Elements
HTML elements are defined by tags:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<p>This is a paragraph</p>
<strong>This text is bold</strong>
<em>This text is italic</em>
📋 HTML Lists
Unordered Lists:
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
Ordered Lists:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
🔗 Links and Images
Creating Links:
<a href="https://www.example.com">Visit Example</a>
<a href="page2.html">Go to Page 2</a>
Adding Images:
<img src="image.jpg" alt="Description" width="300">
⚙️ HTML Attributes
Attributes provide additional information about elements:
- id: Unique identifier
- class: CSS class name
- src: Source file for images
- href: Link destination
- alt: Alternative text
<p id="intro" class="highlight">Paragraph with attributes</p>
<img src="logo.png" alt="Logo" class="logo">
| ✅ Class 1 Learning Outcomes |
| HTML Structure |
✅ Completed |
| Basic Elements |
✅ Completed |
| Links & Images |
✅ Completed |
| HTML Attributes |
✅ Completed |
| Lists |
✅ Completed |
🔗 Navigation
🏠 Main Dashboard |
➡️ Next Class |
📖 Home