[Html cơ bản bài 2] Tạo và chạy file HTML

Ngày đăng: 10/12/2023 | Tác giả: bbugtea | 297 lượt xem

Chào mọi người! Trong serise này mình xin viết lại chủ đề về Html cơ bản bài 2 : “Tạo và chạy file HTML”. Ở bài trước các bạn đã hiểu hơn về HTML rồi thì chúng ta bắt đầu chinh phục HTML tiếp thôi nào! Tài liệu này được biên soạn từ thực tế của mình và tổng hợp thêm từ nhiều nguồn khác nhau. Trong quá trình soạn bài viết này sẽ có những sai sót mong các bạn đóng góp, phản hổi đề tài liệu này được cập nhật phiên bản tốt hơn.

Giới thiệu công cụ soạn thảo mã HTML

Hiện nay có rất nhiều công cụ hiện đại hỗ trợ việc soạn thảo mã HTML, ví dụ như: Adobe Dreamweaver, CoffeeCup, TextWrangler, Sublime Text, Visual Studio Code . . . Tuy nhiên, các công cụ này thường tương đối phức tạp, chúng chỉ thích hợp với những người đã thông thạo về lập trình web, còn đối với những người mới học HTML giống như chúng ta thì tốt nhất là nên dùng các công cụ soạn thảo thuần văn bản, một mặt nó sẽ giúp ta rèn luyện kỹ năng gõ mã lệnh, mặt khác chúng ta có thể ghi nhớ được tên của từng loại thẻ trong HTML.

– Mà nói đến trình soạn thảo thuần văn bản thì mình xin giới thiệu đến các bạn một công cụ có sẵn trên máy tính cài hệ điều hành Windows, đó chính là Notepad (tùy vào phiên bản mà cách mở sẽ khác nhau, nhưng nếu các bạn đang dùng Windows 7, 8 ,10, 11 thì các bạn có thể mở bằng cách vào Start rồi gõ từ khóa Notepad) sẽ ra. Nhưng mình thì đã cài Visual Studio Code sẵn rồi nên mình sẽ dùng nó.

Cách tạo một tập tin trong HTML?

Để tạo 1 tập tin trong HTML chúng ta lần lượt thực hiện các bước sau:

Bước 1 mở trình soạn thảo visuastudio code lên:

– Bước 2: Nhập những nội dung mà các bạn muốn chúng được hiển thị trên trang website:

– Bước 3: Lưu tập tin.

Bấm vào nút File rồi chọn Save As.
Chọn thư mục muốn lưu tập tin.
Đặt tên cho tập tin(mình đặt tên file là: html-basic-bbugsoft.html)
Cuối cùng, bấm nút Save để lưu lại.

MỘT SỐ ĐIỀU CẦN LƯU Ý:

Tên của tập tin html tuyệt đối không được chứa dấu khoảng trắng và các ký tự đặc biệt.
Tên của tập tin html phải có phần đuôi là .html hoặc .htm. Tuy nhiên, phần đuôi .htm có một số hạn chế, nên chúng tôi khuyến khích các bạn sử dụng phần đuôi .html

Cách chạy (thực thi) một tập tin HTML?

Thực ra thì cách chạy một tập tin HTML khá là đơn giản, chúng ta có thể di chuyển thẳng đến thư mục chứa tập tin, sau đó nhấp chuột phải vào nó rồi chọn một trình duyệt để mở.

Ở đây mình lưu nó trong đường dẫn: file:///F:/laragon/www/zestforenglish/html-basic-bbugsoft.html nên trên trình duyệt mình dán nguyên đường dẫn đó sẽ chạy được file html mình vừa tạo lúc nãy. Nếu trình duyệt hiển thị giống như hình bên dưới thì tức là các bạn đã chạy file html thành công.