Skip to content

Commit ab7525a

Browse files
committed
Lists and Table
1 parent 4ce25d1 commit ab7525a

File tree

7 files changed

+185
-5
lines changed

7 files changed

+185
-5
lines changed
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Unordered & Ordered Lists</title>
8+
</head>
9+
10+
<body>
11+
<h2>My Shopping List</h2>
12+
<ul>
13+
<li>Milk</li>
14+
<li>Bread</li>
15+
<li>Eggs</li>
16+
</ul>
17+
18+
<h2>Steps to Make Tea</h2>
19+
<ol>
20+
<li>Boil water</li>
21+
<li>Add tea leaves</li>
22+
<li>Pour into a cup</li>
23+
</ol>
24+
</body>
25+
26+
</html>
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Nested Lists</title>
8+
</head>
9+
10+
<body>
11+
<h2>My Hobbies</h2>
12+
<ul>
13+
<li>Sports
14+
<ul>
15+
<li>Football</li>
16+
<li>Tennis</li>
17+
</ul>
18+
</li>
19+
<li>Reading</li>
20+
<li>Coding</li>
21+
</ul>
22+
</body>
23+
24+
</html>
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Description Lists</title>
8+
</head>
9+
10+
<body>
11+
<h2>Web Development Terms (Description List)</h2>
12+
<dl>
13+
<dt>HTML</dt>
14+
<dd>HyperText Markup Language — the structure of a webpage.</dd>
15+
16+
<dt>CSS</dt>
17+
<dd>Cascading Style Sheets — used for styling and design.</dd>
18+
19+
<dt>JavaScript</dt>
20+
<dd>A programming language that makes webpages interactive.</dd>
21+
</dl>
22+
</body>
23+
24+
</html>
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Table</title>
8+
</head>
9+
10+
<body>
11+
<h2>Student Grades</h2>
12+
<table border="1">
13+
<tr>
14+
<th>Name</th>
15+
<th>Subject</th>
16+
<th>Grade</th>
17+
</tr>
18+
<tr>
19+
<td>Alex</td>
20+
<td>Math</td>
21+
<td>A</td>
22+
</tr>
23+
<tr>
24+
<td>Sara</td>
25+
<td>Science</td>
26+
<td>B+</td>
27+
</tr>
28+
</table>
29+
</body>
30+
31+
</html>
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Table with Caption</title>
8+
</head>
9+
10+
<body>
11+
<table border="1">
12+
<caption>My Favorite Books</caption>
13+
<tr>
14+
<th>Title</th>
15+
<th>Author</th>
16+
<th>Year</th>
17+
</tr>
18+
<tr>
19+
<td>The Hobbit</td>
20+
<td>J.R.R. Tolkien</td>
21+
<td>1937</td>
22+
</tr>
23+
</table>
24+
</body>
25+
26+
</html>
Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>My Weekly Schedule</title>
8+
</head>
9+
10+
<body>
11+
<h1>My Weekly Schedule</h1>
12+
13+
<h2>Things To Do</h2>
14+
<ul>
15+
<li>Study HTML</li>
16+
<li>Exercise</li>
17+
<li>Read a book</li>
18+
</ul>
19+
20+
<h2>Class Timetable</h2>
21+
<table border="1">
22+
<caption>Weekly Plan</caption>
23+
<tr>
24+
<th>Day</th>
25+
<th>Activity</th>
26+
</tr>
27+
<tr>
28+
<td>Monday</td>
29+
<td>Math Homework</td>
30+
</tr>
31+
<tr>
32+
<td>Tuesday</td>
33+
<td>HTML Practice</td>
34+
</tr>
35+
<tr>
36+
<td>Wednesday</td>
37+
<td>Football Training</td>
38+
</tr>
39+
</table>
40+
</body>
41+
42+
</html>

README.md

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,17 @@ Each tutorial includes code, clear explanations, and a tiny project to practice.
1010
---
1111

1212
## What’s inside
13-
- **01-first-webpage** — Create your first HTML page, learn the structure, add headings, paragraphs, links, and images. Includes a mini project (About Me page).
14-
- **02-lists-and-tables** — Learn how to use lists (`ul`, `ol`) and tables (`table`, `tr`, `td`) to organize data neatly.
15-
- **03-links-images-attributes** — A deeper dive into links, images, and essential attributes like `alt`, `target`, and `title`.
16-
- **04-forms-inputs** — Build a simple form with text fields, checkboxes, and buttons.
13+
**01-first-webpage**
14+
- `index.html` — Your first webpage
15+
- `about.html` — Mini project (About Me page)
16+
17+
**02-lists-and-tables**
18+
- `01-unordered-ordered.html` — Bullet and numbered lists
19+
- `02-nested-lists.html` — Nested lists
20+
- `03-description-lists.html` — Description lists
21+
- `04-basic-table.html` — Basic table
22+
- `05-table-caption.html` — Table with caption
23+
- `06-my-weekly-schedule.html` — Mini project
1724

1825
---
1926

@@ -33,7 +40,7 @@ Each tutorial includes code, clear explanations, and a tiny project to practice.
3340

3441
## Blog Posts
3542
- [HTML Basics for Beginners: Your First Webpage (HTML Tutorial #1)](https://codeboid.com/html-basics-for-beginners-your-first-webpage)
36-
- (Links for Tutorial #2, #3, etc. will be added as published)
43+
- [HTML Basics for Beginners: Lists and Tables (HTML Tutorial #2)](https://codeboid.com/html-basics-for-beginners-lists-and-tables)
3744

3845
---
3946

0 commit comments

Comments
 (0)