Mục lục:
Video: [Bài 12 - Website Bán Hàng] Hướng dẫn Thiết kế giao diện website đẹp bằng HTML5 và CSS3 2025
Cho dù bạn là một nhà thiết kế trang web có kinh nghiệm hay không nhiều, bạn có thể xây dựng một trang HTML5 cơ bản khá dễ dàng. Chỉ cần mở bất kỳ trình soạn thảo văn bản nào và thêm mã sau:
basic. htmlCấp 1 Tiêu đề
Đây là một đoạn văn. Lưu ý rằng văn bản được tự động bọc.
Mã này tạo ra trang này:
Để xây dựng một trang HTML5 cơ bản, hãy làm theo các bước sau:
-
Bắt đầu bằng loại doctype.
Thiết lập loại doctype thành HTML5 với thẻ này: trên dòng đầu tiên của trang web của bạn. Nếu bạn bỏ mặc điều này, bạn vẫn có thể sử dụng các tính năng của HTML5, nhưng người xác nhận sẽ phải đoán xem bạn đang sử dụng XHTML hoặc HTML5 hay không. (Tham khảo bất kỳ số lượng phim khoa học viễn tưởng để xem những gì xảy ra khi máy tính đoán ra được về mọi thứ.)
-
Thêm thẻ và chỉ định ngôn ngữ.
Thẻ đặc biệt này cho biết sự bắt đầu của một trang web. Tốt nhất là chỉ ra ngôn ngữ mà trang được viết bằng. Chỉ rõ lang = "en" cho tiếng Anh.
Đảm bảo có một thẻ tương ứng ở cuối trang để cho biết kết thúc trang bạn đã bắt đầu bằng thẻ ở đầu trang.
-
Tạo vùng.
Đầu giống như khoang động cơ của một chiếc xe hơi. Người ta thường không đến đó, nhưng có rất nhiều máy móc quan trọng. Đầu là rỗng trong ví dụ đơn giản này, nhưng nó sẽ đầy đủ với JavaScript và CSS tốt đẹp đủ sớm.
-
Xác định bộ ký tự.
Đây được coi là hình thức tốt để cho trình duyệt biết loại ký tự nào cần sử dụng khi hiển thị trang của bạn. Các trang được viết bằng tiếng Anh thường sử dụng UTF-8, do đó chỉ ra điều này với: .
-
Ẩn mã của bạn.
Mặc dù các trình duyệt không quan tâm nếu bạn thụt lề, nếu bạn làm điều đó mỗi khi bạn mở một phần tử mới không bị đóng trên cùng một dòng, bạn có thể xếp các thẻ bắt đầu và kết thúc để đảm bảo rằng trang đó là tốt hình thành và rằng bạn đã không bỏ lỡ bất kỳ thẻ kết thúc.
-
Thêm nhận xét.
Các nhận xét không bắt buộc, nhưng chúng rất tốt. Nhận xét HTML bắt đầu bằng
-
Đặt tiêu đề với .
Tiêu đề thường xuất hiện trên thanh tiêu đề của trình duyệt web và cũng thường xuất hiện trong kết quả của công cụ tìm kiếm cho trang của bạn.
-
Bao gồm phần lớn trang trong thẻ.
Nếu khu vực đầu là khoang động cơ, cơ thể là không gian hành khách. Hầu hết các văn bản có thể nhìn thấy trên trang web là một phần của cơ thể. Thẻ thường nằm ngay trước thẻ, vì bạn sẽ hoàn thành phần cơ thể và sau đó đóng mã HTML.
-
Sử dụng các thẻ tiêu đề để mô tả phác thảo của bạn.
Thẻ đầu đề tất cả bắt đầu bằng h, tiếp theo là một số cho biết sức mạnh của tiêu đề -
ví dụ. Tất cả các chủ đề chính của bạn phải được đánh dấu bởi các tiêu đề cấp một. Subtopics nên được cấp hai tiêu đề (
). Các cấp độ tiêu đề đi đến h6, nhưng nó là bất thường để sử dụng bất cứ điều gì nhỏ hơn mức 3.
-
Đặt hầu hết các văn bản vào đoạn văn.
Đặt mỗi đoạn bên trong một cặp. Mặc dù HTML không yêu cầu sử dụng các thẻ đoạn văn, nhưng chúng làm cho việc quản lý giao diện và hành vi của văn bản trở nên dễ dàng hơn rất nhiều.
-
Lưu tệp của bạn với . html .
Sau đó, bạn có thể tải tệp của mình vào trình duyệt để xem nó trông như thế nào.
Một số yếu tố (đặc biệt là các tiêu đề) có khuynh hướng có một phong cách thị giác cụ thể. Phong cách mặc định cũng giống như hướng dẫn. Tránh sự cám dỗ để chọn tiêu đề dựa trên sự xuất hiện của họ.
