HTML bắt đầuGet Started

Một tệp HTML chỉ đơn giản là một tệp văn bản được lưu với phần mở rộng .html hoặc .htm.

Bắt đầu

Trong hướng dẫn này, bạn sẽ tìm hiểu mức độ dễ dàng của việc tạo tài liệu HTML hoặc trang web. Để bắt đầu mã hóa HTML, bạn chỉ cần hai thứ: trình soạn thảo văn bản đơn giản và trình duyệt web.

Chà, hãy bắt đầu với việc tạo trang HTML đầu tiên của bạn.

Tạo tài liệu HTML đầu tiên của bạn

Hãy đi qua các bước sau. Vào cuối hướng dẫn này, bạn sẽ tạo một tệp HTML hiển thị thông báo "Hello World" trong trình duyệt web của bạn.

Bước 1: Tạo tệp HTML

Mở trình chỉnh sửa văn bản thuần túy của máy tính và tạo một tệp mới.

Mẹo: Chúng tôi khuyên bạn nên sử dụng Notepad [trên Windows], Textedit [trên Mac] hoặc một số trình soạn thảo văn bản đơn giản khác để làm điều này; Đừng sử dụng Word hoặc WordPad! Khi bạn hiểu các nguyên tắc cơ bản, bạn có thể chuyển sang các công cụ nâng cao hơn như Adobe Dreamweaver. We suggest you to use Notepad [on Windows], TextEdit [on Mac] or some other simple text editor to do this; don't use Word or WordPad! Once you understand the basic principles, you may switch to more advanced tools such as Adobe Dreamweaver.

Bước 2: Nhập một số mã HTML

Bắt đầu với một cửa sổ trống và nhập mã sau:

    A simple HTML document


    
Hello World!

Bước 3: Lưu tệp

Bây giờ hãy lưu tệp trên máy tính để bàn của bạn dưới dạng "myfirstpage.html".

Lưu ý: Điều quan trọng là tiện ích mở rộng .html được chỉ định - một số trình chỉnh sửa văn bản, chẳng hạn như Notepad, sẽ tự động lưu nó dưới dạng .txt nếu không. It is important that the extension .html is specified — some text editors, such as Notepad, will automatically save it as .txt otherwise.

Để mở tệp trong trình duyệt. Điều hướng đến tập tin của bạn sau đó nhấp đúp vào nó. Nó sẽ mở trong trình duyệt web mặc định của bạn. Nếu không, hãy mở trình duyệt của bạn và kéo tệp vào nó.

Giải thích về mã

Bạn có thể nghĩ mã đó là tất cả về. Chà, hãy tìm hiểu.

• Dòng đầu tiên là khai báo loại tài liệu. Nó hướng dẫn trình duyệt web rằng tài liệu này là một tài liệu HTML5. Nó không nhạy cảm trường hợp.
• Phần tử là một thùng chứa cho các thẻ cung cấp thông tin về tài liệu, ví dụ, thẻ xác định tiêu đề của tài liệu.
• Phần tử chứa nội dung thực tế của tài liệu [đoạn, liên kết, hình ảnh, bảng, v.v.] được hiển thị trong trình duyệt web và được hiển thị cho người dùng.

Bạn sẽ tìm hiểu về các yếu tố HTML khác nhau một cách chi tiết trong các chương sắp tới. Hiện tại, chỉ cần tập trung vào cấu trúc cơ bản của tài liệu HTML.

Lưu ý: Một tuyên bố doctype xuất hiện ở đầu trang web trước tất cả các yếu tố khác; Tuy nhiên, bản thân doctype không phải là thẻ HTML. Mỗi tài liệu HTML yêu cầu khai báo loại tài liệu để đảm bảo rằng các trang của bạn được hiển thị chính xác. A DOCTYPE declaration appears at the top of a web page before all other elements; however the doctype declaration itself is not an HTML tag. Every HTML document requires a document type declaration to insure that your pages are displayed correctly.

Mẹo: Các thẻ , và tạo nên bộ xương cơ bản của mỗi trang web. Nội dung bên trong và

This is a paragraph.


    This is another paragraph.

This is a paragraph.


    This is another paragraph.

This is a paragraph.


    This is another paragraph.

  

This is a paragraph.


    This is another paragraph.

Thẻ và các phần tử HTML

HTML được viết dưới dạng các phần tử HTML bao gồm các thẻ đánh dấu. Các thẻ đánh dấu này là đặc điểm cơ bản của HTML. Mỗi thẻ đánh dấu được cấu tạo từ một từ khóa, được bao quanh bởi các khung góc, chẳng hạn như , , , ,

This is a paragraph.


    This is another paragraph.

Các thẻ HTML thường có các cặp như và .html1. Thẻ đầu tiên trong một cặp thường được gọi là thẻ mở [hoặc thẻ bắt đầu] và thẻ thứ hai được gọi là thẻ đóng [hoặc thẻ cuối].

Một thẻ mở và thẻ đóng là giống hệt nhau, ngoại trừ dấu gạch chéo [.html2] sau khi khung góc mở của thẻ đóng, để nói với trình duyệt rằng lệnh đã được hoàn thành.

Ở giữa các thẻ bắt đầu và kết thúc, bạn có thể đặt nội dung thích hợp. Ví dụ: một đoạn văn, được biểu thị bằng phần tử .html3, sẽ được viết là:

This is a paragraph.


    This is another paragraph.

Bạn sẽ tìm hiểu về các yếu tố HTML khác nhau trong chương sắp tới.

Lưu các thay đổi của bạn vào tài liệu.

Tôi có thể tạo tệp HTML ở đâu?

Tài liệu HTML đơn giản là gì?

Những gì là cần thiết để tạo một tệp HTML?