Câu 1: Bài tập về thẻ video

Yêu cầu: Tạo thư mục đặt tên là videos, sau đó để video bất kỳ vào thư mục videos đó. Tiếp theo, chèn video đó vào trang web bằng cách sử dụng thẻ video và thẻ source. Đường dẫn video là dạng relative (Đường dẫn tương đối). Đặt kích thước video có width bằng 720 và height bằng 405 (tương đương tỷ lệ 16/9).

Câu 2: Bài tập về thẻ table

Yêu cầu: Dùng thẻ table, thead, tbody, tr, th, td đã được học để vẽ bảng sau:

Lưu ý: Copy đoạn code sau vào file để có thêm đường viền cho table. Phần này chưa học nhưng thêm vào cho dễ nhìn.

Hóa đơn số 1234			Ngày 20/11/2022
Thông tin khách hàng Họ tên: Đặng Phương Nam Số điện thoại: 0123456789 Địa chỉ: số 123, đường Abc, thành phố Hà Nội.		Thông tin vận chuyển đơn hàng Họ tên: Đặng Phương Nam Số điện thoại: 0987654321 Địa chỉ: số 234, đường Xyz, thành phố Hà Nội.
Tên sản phẩm	Số lượng	Đơn giá	Thành tiền
Giày nam cao cấp	2	800.000đ	1.600.000đ
Giày nữ cao cấp	1	500.000đ	1.000.000đ
Tạm tính			2.600.000đ
Thuế VAT 10%			260.000đ
Tổng tiền			2.860.000đ

Câu 3: Bài tập về thẻ ul, ol, li

Yêu cầu 1: Tạo danh sách sau sử dụng thẻ ul, li

• Facebook
• Twitter
• Instagram
• Youtube

1. Thời trang
2. Công nghệ
3. Đồ điện tử
4. Đồ gia dụng

Yêu cầu 2: Tạo danh sách sau sử dụng thẻ ol, li

Yêu cầu 3: Tạo danh sách sau sử dụng thẻ ol, li. Có kiểu là chữ La mã viết hoa

1. Học HTML5
2. Học CSS3
3. Học Bootstrap 4
4. Học Javascript

Yêu cầu 4: Tạo danh sách sau sử dụng thẻ ul, li

• Cars:
  • BMW
    • BMW X5
    • BMW X7
    • BMW Z4
    • BMW M2
  • Audi
    • Audi Q8
    • Audi Q7 2020
    • Audi Q3
    • Audi A7
  • Mercedes
  • Jaguar
    • Jaguar XF
    • Jaguar XE
    • Jaguar E Pace
    • Jaguar I Pace
  • Lamborghini
• bikes
  • Apache
  • KTM
  • R15
  • Ducati
  • Harley-Davidson
• Aeroplanes
  • Air India
  • Indigo
  • Vistara
  • GoAir
  • SpiceJet
• Trains
• Ships

Yêu cầu 5: Tạo danh sách sau sử dụng thẻ ol, li

1. Background Skills
   1. Unix Commands
   2. Vim Test Editors
2. HTML
   1. Minimal Page
   2. Headings
   3. Elements
   4. Lists
      1. Unordered
      2. Ordered
      3. Definition
      4. Nested
   5. Links
      1. Absolute
      2. Relative
   6. Images
3. CSS
   1. Anatomy
   2. Basic Selectors
      1. Element
      2. Class
      3. ID
      4. Group
   3. The DOM
   4. Advanced Selectors
   5. Box Model
4. Programming
   1. Python
   2. JavaScript
5. Database
   1. Flat File
   2. Relational