Cách thiết lập dự án trang web HTML của bạn
Loạt bài hướng dẫn này sẽ hướng dẫn bạn cách tạo và tùy chỉnh thêm trang web này bằng HTML, ngôn ngữ đánh dấu tiêu chuẩn được sử dụng để hiển thị tài liệu trong trình duyệt web. Không cần trải nghiệm viết mã trước nhưng ta khuyên bạn nên bắt đầu từ đầu loạt bài nếu bạn muốn tạo lại trang web trình diễn.
Ở phần cuối của loạt bài này, bạn sẽ có một trang web sẵn sàng để triển khai lên cloud và làm quen cơ bản với HTML. Biết cách viết HTML sẽ cung cấp nền tảng vững chắc để học các kỹ năng phát triển web front-end bổ sung, chẳng hạn như CSS và JavaScript.
Điều đầu tiên cần làm khi tạo một dự án trang web mới là tạo một folder (hoặc folder ) dự án để lưu trữ tất cả các file sẽ được tạo trong quá trình này. Hướng dẫn này sẽ hướng dẫn bạn các bước cài đặt các folder và file cần thiết để xây dựng trang web bằng HTML.
Đối với dự án trang web này, ta có thể tiếp tục sử dụng folder dự án html-practice và index.html mà ta đã tạo trước đó trong loạt bài hướng dẫn. (Nếu bạn chưa theo dõi loạt bài hướng dẫn này và cần hướng dẫn để cài đặt folder dự án và index.html , vui lòng xem hướng dẫn trước đó của ta trong loạt bài Cài đặt dự án HTML của bạn .
Lưu ý : Nếu bạn quyết định chọn tên riêng của bạn cho folder , hãy đảm bảo tránh các khoảng trắng ký tự, các ký tự đặc biệt (chẳng hạn như!, #,% Hoặc các ký tự khác) và chữ in hoa, vì chúng có thể gây ra sự cố sau này.
Tiếp theo, ta sẽ định dạng index.html để làm trang chủ của trang web. Bước đầu tiên trong việc định dạng tài liệu web là thêm khai báo <!DOCTYPE html> vào dòng đầu tiên. Đảm bảo rằng index.html của bạn rõ ràng và sau đó thêm <!DOCTYPE html> vào dòng đầu tiên của tài liệu.
Khai báo này cho trình duyệt biết loại HTML nào đang được sử dụng và điều quan trọng là phải khai báo vì có nhiều version HTML. Trong khai báo này, html chỉ định tiêu chuẩn web hiện tại của HTML, đó là HTML5.
Tiếp theo, ta sẽ thêm phần tử <html> bằng cách thêm các thẻ mở và đóng <html> . Phần tử <html> cho trình duyệt biết rằng tất cả nội dung mà nó chứa nhằm mục đích đọc dưới dạng HTML. Bên trong thẻ này, ta cũng sẽ thêm thuộc tính lang , thuộc tính này chỉ định ngôn ngữ của trang web. Trong ví dụ này, ta sẽ chỉ định rằng trang web của ta bằng tiếng Anh sử dụng thẻ en language. Để có danh sách đầy đủ các thẻ ngôn ngữ, hãy truy cập Cơ quan đăng ký thẻ phụ ngôn ngữ IANA .
Tài liệu của bạn bây giờ sẽ giống như sau:
<!DOCTYPE html>
<html lang="en">
</html>
Từ thời điểm này trở đi, tất cả nội dung mà ta thêm vào trang web của bạn sẽ được thêm vào giữa thẻ mở và <html> đóng <html> .
Ta sẽ bắt đầu thêm nội dung vào trang web của bạn trong hướng dẫn tiếp theo.
Các tin liên quan
Cách thêm hình nền vào phần trên cùng của trang web bằng HTML2020-09-14
Cách Căn giữa hoặc Căn chỉnh Văn bản và image trên Trang web của Bạn bằng HTML
2020-09-14
Cách thêm image profile theo kiểu vào trang web của bạn bằng HTML
2020-09-14
Cách thêm HTML Thành phần cho trang web của bạn
2020-09-14
Cách tạo và liên kết đến các trang web bổ sung bằng HTML
2020-09-14
Cách thêm và tạo kiểu tiêu đề cho trang web của bạn bằng HTML
2020-09-14
Cách tạo kiểu cho HTML Thành phần
2020-09-14
Cách thêm hình nền vào phần trên cùng của trang web bằng HTML
2020-09-14
Cách thêm image profile theo kiểu vào trang web của bạn bằng HTML
2020-09-14
Cách sử dụng
2020-08-27
