diff --git a/.gitattributes b/.gitattributes index f91bb19..81d2fe8 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,4 +1,12 @@ -# Auto detect text files and perform LF normalization -* text=auto +# Summary: Normalize text files while keeping binary image assets managed by Git LFS. +* text=auto eol=lf + +# Source and documentation files should stay readable in diffs. +*.html text eol=lf +*.md text eol=lf +*.yml text eol=lf +*.yaml text eol=lf + +# Image files are binary assets, so they should not be normalized as text. *.jpg filter=lfs diff=lfs merge=lfs -text *.png filter=lfs diff=lfs merge=lfs -text diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml index 2655fe1..ee91c4a 100644 --- a/.github/FUNDING.yml +++ b/.github/FUNDING.yml @@ -1,14 +1,5 @@ -# These are supported funding model platforms - +# Summary: GitHub funding links displayed on the repository sponsor panel. github: tynab patreon: yamiannephilim -open_collective: # Replace with a single Open Collective username -ko_fi: # Replace with a single Ko-fi username -tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel -community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry -liberapay: # Replace with a single Liberapay username -issuehunt: # Replace with a single IssueHunt username -otechie: # Replace with a single Otechie username -lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry -polar: # Replace with a single Polar username -custom: paypal.me/yamiannephilim +custom: + - https://paypal.me/yamiannephilim diff --git a/README.md b/README.md index 1cdb202..57e2214 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,19 @@ -# BÀI TẬP -Tạo trang web. +# Bài Tập HTML -## HÌNH ẢNH DEMO -

- +## Summary + +Repository này chứa các bài thực hành HTML cơ bản về bố cục trang, liên kết nội bộ, hình ảnh, danh sách và bảng dữ liệu cho một Coffee Shop demo. + +## Cấu trúc + +- `exercise_1/index.html`: Trang giới thiệu Coffee Shop đơn giản với hai phần Coffee và Tea. +- `exercise_2/index.html`: Trang giới thiệu có liên kết nội bộ, ảnh minh họa và liên kết sang menu. +- `exercise_2/coffee/coffee.html`: Menu Coffee với danh sách, hình ảnh và bảng giá. +- `exercise_2/tea/tea.html`: Menu Tea với danh sách, hình ảnh và bảng giá. +- `exercise_summary/index.html`: Bài tổng hợp dạng thẻ nội dung ngắn. + +## Hình ảnh demo + +

+ Ảnh demo giao diện bài tập HTML

diff --git a/exercise_1/index.html b/exercise_1/index.html index ca25f37..00a85b4 100644 --- a/exercise_1/index.html +++ b/exercise_1/index.html @@ -1,48 +1,101 @@ - + + + + Welcome to the Coffee Shop + + -
-

Welcome to the Coffee Shop

-
-
-

Coffee

-

- Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea - plant.
- The genus Coffea is native to tropical Africa (specifically having its origin in Ethiopia and Sudan) and - Madagascar, the Comoros, Mauritius, and Réunion in the Indian Ocean.
- The plant was exported from Africa to countries around the world.
- Coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, - Southeast Asia, India, and Africa.
- The two most commonly grown are arabica and robusta.
- Once ripe, coffee berries are picked, processed, and dried.
- Dried coffee seeds (referred to as beans) are roasted to varying degrees, depending on the desired - flavor.
- Roasted beans are ground and brewed with near-boiling water to produce coffee as a beverage.
-

-
-
-

Tea

-

- Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea - plant.
- The genus Coffea is native to tropical Africa (specifically having its origin in Ethiopia and Sudan) and - Madagascar, the Comoros, Mauritius, and Réunion in the Indian Ocean.
- The plant was exported from Africa to countries around the world.
- Coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, - Southeast Asia, India, and Africa.
- The two most commonly grown are arabica and robusta.
- Once ripe, coffee berries are picked, processed, and dried.
- Dried coffee seeds (referred to as beans) are roasted to varying degrees, depending on the desired - flavor.
- Roasted beans are ground and brewed with near-boiling water to produce coffee as a beverage.
-

-
+ +
+

Welcome to the Coffee Shop

+ +
+ + +
+

Coffee

+

+ Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the + Coffea plant. The genus Coffea is native to tropical Africa and islands in the Indian Ocean. Coffee + plants are now cultivated in over 70 countries, primarily in equatorial regions of the Americas, + Southeast Asia, India, and Africa. Once ripe, coffee berries are picked, processed, dried, roasted, + ground, and brewed with near-boiling water to produce coffee as a beverage. +

+
+ +
+ + +
+

Tea

+

+ Tea is an aromatic beverage made by pouring hot water over cured or fresh leaves. Green tea, black tea, + oolong tea, and white tea all come from the same tea plant, but they are processed in different ways. + Tea can be served hot or cold, enjoyed plain, or combined with milk, fruit, herbs, and sugar depending + on local taste. +

+
+
- \ No newline at end of file + diff --git a/exercise_2/coffee/coffee.html b/exercise_2/coffee/coffee.html index 3c144e3..6460e8a 100644 --- a/exercise_2/coffee/coffee.html +++ b/exercise_2/coffee/coffee.html @@ -1,82 +1,253 @@ - + + + + The Coffee Menu + + -
-

THE COFFEE MENU

-
-

List of coffee

- -
- Click để về trang Index
- Click để tới trang Tea -
- - -

+ +

+

THE COFFEE MENU

+ +
+ + +
+

List of coffee

+
    +
  • Black coffee
  • +
  • Vietnamese coffee with milk
  • +
  • Bac xiu
  • +
  • Cappuccino
  • +
+
+ +
+ + + + +
+ + +
+ Vietnamese milk coffee + Fruit drink served in a glass +
+ +

Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea - plant.
- The genus Coffea is native to tropical Africa (specifically having its origin in Ethiopia and Sudan) and - Madagascar, the Comoros, Mauritius, and Réunion in the Indian Ocean.
- The plant was exported from Africa to countries around the world.
- Coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, - Southeast Asia, India, and Africa.
- The two most commonly grown are arabica and robusta.
- Once ripe, coffee berries are picked, processed, and dried.
- Dried coffee seeds (referred to as beans) are roasted to varying degrees, depending on the desired - flavor.
- Roasted beans are ground and brewed with near-boiling water to produce coffee as a beverage.
+ plant. The two most commonly grown coffee beans are arabica and robusta. Once ripe, coffee + berries are picked, processed, dried, roasted, ground, and brewed with near-boiling water to produce coffee + as a beverage.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypePrice
Traditional CoffeeVietnamese Coffee PhinHot28.000 VNĐ
Cold30.000 VNĐ
Vietnamese Coffee with Milk
Bac Xiu - Vietnamese - Coffee with (much) Milk
Hot28.000 VNĐ
Cold30.000 VNĐ
EspressoTraditional EspressoHot (only)40.000 VNĐ
Espresso Machiato45.000 VNĐ
Cappuccino
-
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ - \ No newline at end of file + diff --git a/exercise_2/index.html b/exercise_2/index.html index 1831561..577e7cb 100644 --- a/exercise_2/index.html +++ b/exercise_2/index.html @@ -1,55 +1,143 @@ - + + + + Welcome to the Coffee Shop + + -
-

Welcome to the Coffee Shop

-
- Click để tìm hiểu về coffee
- Click để tìm hiểu về tea -
-

Coffee

-

- Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea - plant.
- The genus Coffea is native to tropical Africa (specifically having its origin in Ethiopia and Sudan) and - Madagascar, the Comoros, Mauritius, and Réunion in the Indian Ocean.
- The plant was exported from Africa to countries around the world.
- Coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, - Southeast Asia, India, and Africa.
- The two most commonly grown are arabica and robusta.
- Once ripe, coffee berries are picked, processed, and dried.
- Dried coffee seeds (referred to as beans) are roasted to varying degrees, depending on the desired - flavor.
- Roasted beans are ground and brewed with near-boiling water to produce coffee as a beverage.
-

-
- View coffee menu - -
-

Tea

-

- Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea - plant.
- The genus Coffea is native to tropical Africa (specifically having its origin in Ethiopia and Sudan) and - Madagascar, the Comoros, Mauritius, and Réunion in the Indian Ocean.
- The plant was exported from Africa to countries around the world.
- Coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, - Southeast Asia, India, and Africa.
- The two most commonly grown are arabica and robusta.
- Once ripe, coffee berries are picked, processed, and dried.
- Dried coffee seeds (referred to as beans) are roasted to varying degrees, depending on the desired - flavor.
- Roasted beans are ground and brewed with near-boiling water to produce coffee as a beverage.
-

-
- View tea menu - -
+ +
+

Welcome to the Coffee Shop

+ +
+ + + + +
+ + +
+

Coffee

+

+ Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the + Coffea plant. Coffee plants are now cultivated in over 70 countries, primarily in equatorial regions of + the Americas, Southeast Asia, India, and Africa. Once ripe, coffee berries are picked, processed, dried, + roasted, ground, and brewed with near-boiling water to produce coffee as a beverage. +

+ + Cup of coffee on a table +
+ +
+ + +
+

Tea

+

+ Tea is an aromatic beverage made by pouring hot water over cured or fresh leaves. Green tea, black tea, + oolong tea, and white tea are processed differently, creating distinct colors and flavors. Tea can be + served hot or cold and is often combined with milk, fruit, herbs, or sugar. +

+ + Tea drink with fresh ingredients +
+
- \ No newline at end of file + diff --git a/exercise_2/tea/tea.html b/exercise_2/tea/tea.html index d74db56..d149841 100644 --- a/exercise_2/tea/tea.html +++ b/exercise_2/tea/tea.html @@ -1,82 +1,232 @@ - + + + + The Tea Menu + + -
-

THE TEA MENU

-
-

List of tea

-
    -
  1. Black coffee
  2. -
  3. White coffee
  4. -
  5. Pink coffee
  6. -
  7. Yellow coffee
  8. -
-
- Click để về trang Index
- Click để tới trang Coffee -
- - -

- Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea - plant. The genus Coffea is native to tropical Africa (specifically having its origin in Ethiopia and Sudan) - and Madagascar, the Comoros, Mauritius, and Réunion in the Indian Ocean. The plant was exported from Africa - to countries around the world. Coffee plants are now cultivated in over 70 countries, primarily in the - equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are - arabica and robusta. Once ripe, coffee berries are picked, processed, and dried. Dried coffee seeds - (referred to as beans) are roasted to varying degrees, depending on the desired flavor. Roasted beans are - ground and brewed with near-boiling water to produce coffee as a beverage. Coffee is a brewed drink prepared - from roasted coffee beans, which are the seeds of berries from the Coffea plant. The genus Coffea is native - to tropical Africa (specifically having its origin in Ethiopia and Sudan) and Madagascar, the Comoros, - Mauritius, and Réunion in the Indian Ocean. The plant was exported from Africa to countries around the - world. Coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the - Americas, Southeast Asia, India, and Africa. The two most commonly grown are arabica and robusta. Once ripe, - coffee berries are picked, processed, and dried. Dried coffee seeds (referred to as beans) are roasted to - varying degrees, depending on the desired flavor. Roasted beans are ground and brewed with near-boiling - water to produce coffee as a beverage. + +

+

THE TEA MENU

+ +
+ + +
+

List of tea

+
    +
  1. Green tea
  2. +
  3. Black tea
  4. +
  5. Milk tea
  6. +
  7. Fruit tea
  8. +
+
+ +
+ + + + +
+ + +
+ Fresh tea drink + Milk tea drink +
+ +

+ Tea is an aromatic beverage made by pouring hot water over cured or fresh leaves. Green tea, black tea, + oolong tea, and white tea are processed in different ways, which gives each tea its own color, aroma, and + flavor. Tea can be served hot or cold and can be combined with milk, fruit, herbs, or sugar to create many + different drinks.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypePrice
Green TeaHot25.000 VNĐ
Cold
Black TeaHot28.000 VNĐ
Cold
Fruit TeaLemon TeaCold (only)30.000 VNĐ
Apple Tea35.000 VNĐ
Peach Tea
-
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ - \ No newline at end of file + diff --git a/exercise_summary/index.html b/exercise_summary/index.html index 7dadfd6..e536b34 100644 --- a/exercise_summary/index.html +++ b/exercise_summary/index.html @@ -1,27 +1,84 @@ + + + + Bài Tập Tổng Hợp + + -
-
- -
-
-

Tiêu đề

-
-
-

GF interior design tự hào mang đến hàng loạt các thiết kế công trình văn phòng xuất sắc tại Việt - Nam

-
-
-

Chi tiết

-
+ +
+
+ Không gian văn phòng được thiết kế nội thất hiện đại + +
+

Tiêu đề

+

+ GF interior design tự hào mang đến hàng loạt các thiết kế công trình văn phòng xuất sắc tại Việt + Nam. +

+

Chi tiết

-
-
+ + - \ No newline at end of file +