1. HTML là gì?
HTML là một thuật ngữ kỹ thuật là từ viết tắt của thuật ngữ “Ngôn ngữ đánh dấu siêu văn bản”. HTML không được coi là ngôn ngữ lập trình. Bởi vì nó sẽ không tạo ra một chức năng thao tác. Nó chỉ hỗ trợ bố cục do người dùng gán, định dạng các phần cấu trúc trang web.
Nói một cách đơn giản, HTML phục vụ cùng một mục đích như Microsoft Word. Giúp định dạng, chia văn bản, khối, phần.
2. Một số phần mềm hỗ trợ tạo file HTML miễn phí
Dưới đây là một số phần mềm hỗ trợ tạo file HTML miễn phí. Người dùng có thể dễ dàng tìm thấy link tải các phần mềm này từ Google.
- Phần mềm NotePad ++
- Phần mềm Visual Studio Code
- Phần mềm Sublime Text
- Phần mềm Komodo Edit
- Phần mềm Eclipse
- Phần mềm NetBeans
- Phần mềm BlueGriffon
- Phần mềm Bluefish
- Phần mềm Emacs Profile
- Phần mềm Aptana Studio
- Phần mềm CoffeeCup Free HTML Editor
- Phần mềm Microsoft Visual Studio Community
3. Cài đặt Visual Studio Code
Truy cập vào trang cung cấp phần mềm gốc: https://code.visualstudio.com/
Hướng dẫn download visual studio code
Chọn nút Download → lúc này sẽ có các phiên bản cho người dùng lựa chọn. Tùy theo cấu hình máy, mà chọn file tương thích.
Hướng dẫn download visual studio code
Sau khi download xong, hãy chạy tệp cài đặt. Cụ thể như sau:
Bấm đúp vào tệp để bắt đầu cài đặt Visual Studio Code.
Xác nhận các điều khoản của thỏa thuận.
➢ Nhấp vào nút "Tiếp theo".
➢ Sử dụng vị trí cài đặt mặc định và nhấp vào nút "Tiếp theo".
➢ Sử dụng cài đặt mặc định của menu bắt đầu và nhấp vào nút "Tiếp theo".
➢ Tại mục Khác chọn mục:
✧ Thêm hành động "Mở bằng mã" vào menu ngữ cảnh tệp của Windows Explorer.
✧ Thêm hành động "Open with Code" vào menu ngữ cảnh thư mục Windows Explorer.
✧ Đăng ký Mã làm trình chỉnh sửa hỗ trợ các loại tệp.
✧ Thêm vào ĐƯỜNG.
➢ Nhấp vào nút "Cài đặt".
➢ Nhấp vào nút "Hoàn thành".
Như vậy, bạn đã cài đặt xong bản Visual Studio Code rồi đó. Sau này, nếu bạn cần thêm các tiện ích hỗ trợ cho việc lập trình hoặc thiết kế giao diện web bằng HTML và CSS của mình thì bạn có thể mở phần mềm lên, tìm đến mục Extension để cài đặt.
Vì đây không phải là nội dung chính của bài viết, nên mình sẽ không làm hướng dẫn chi tiết, tránh lang mang, mất thời gian.
4. Tạo file HTML đầu tiên
Để cho đơn giản, bạn tạo sẵn một thư mục có tên là “HTML” ở trên ổ đĩa, tại vị trí mà bạn muốn lưu trữ dữ liệu.
Tạo thư mục tên HTML
Sau đó, mở chương trình Visual Studio Code lên.
Chọn File → chọn Open Folder… → Tìm đến thư mục “HTML” vừa tạo → Click chuột trái lên thư mục “HTML” để xác định file vừa chọn → Nhấn nút Select Folder.
Sau khi mở file thành công, bạn sẽ có giao diện như hình.
Click vào biểu tượng (New file) → tạo 1 file có tên là “index.html”.
Tạo file index.html
Lưu ý: tất cả những file thiết kế giao diện web bằng HTML đều phải có đuôi chấm html (.html).
Sau bước này, bạn sẽ có giao diện như các hình ở mục bên dưới.
Nội dung bài viết:
Bình luận