Chào mừng bạn đến với bài viết này! Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu về các bài tập html cơ bản . Bạn sẽ được thực hành code HTML theo một số design nhất định. Hãy cùng khám phá ngay thôi!

Thiết kế design đơn giản

Đầu tiên, chúng ta sẽ tìm hiểu về một design đơn giản gồm các thành phần như logo, danh sách và button. Hãy xem qua design dưới đây:

Hướng dẫn

• Đầu tiên, chúng ta cần xác định rõ từng thành phần trong design để sử dụng CSS chính xác.
• Thường thì logo sẽ là hình ảnh đại diện, và ta có thể sử dụng thẻ

  cho logo và liên kết nó về trang chủ.

• Danh sách là một phần điều hướng, do đó cần bao ngoài bằng thẻ
• Đối với phần button chú ý rằng nó có chứa một font-icon.

Ví dụ code

Dưới đây là ví dụ code HTML cho design trên:

       
 
  
Customer Login
 
  

Sau khi chạy chương trình trên, bạn sẽ nhận được kết quả như sau:

Trên đây là một số bài tập HTML cơ bản mà chúng tôi tổng hợp được. Hy vọng những bài tập này sẽ giúp bạn củng cố và vận dụng kiến thức đã học vào thực tế lập trình . Nếu có bất kỳ câu hỏi nào, hãy để lại trong phần bình luận. Chúc bạn thành công!