Công cụ viết mã lệnh¶
Tóm lược nội dung
Bài này trình bày:
- Một số công cụ dùng để viết mã lệnh HTML (và cả CSS cho phần tiếp theo)
- Sơ lược thao tác tạo tập tin .html
Những công cụ đề xuất¶
Để viết mã lệnh HTML, ta có thể sử dụng bất kỳ chương trình soạn thảo văn bản (1) nào tùy ý.
-
Mặc dù text editor và word processor đều là chương trình làm việc với văn bản, chúng vẫn khác nhau về tính năng và mục đích.
Bằng một cách nào đó, một số tài liệu tiếng Việt, bao gồm sách giáo khoa, dịch chung là chương trình soạn thảo văn bản, nên có thể dẫn tới một vài nhầm lẫn nho nhỏ.
Một số chương trình phổ biến hiện nay:
- Visual Studio Code
- VS Code for the Web (là bản web của Visual Studio Code)
- Notepad++
- Sublime Text
- Atom
- Brackets
- Phoenix Code (chạy online)
- CodePen (chạy online)
- PlayCode (chạy online)
Thao tác online¶
Phần lớn các trình soạn thảo online đều có các khung để viết mã lệnh HTML, CSS và JavaScript, và một khung kết xuất trang web ngay tức thì.
Do đó, ta chỉ cần gõ mã lệnh, không cần cài đặt thêm gì.
Thao tác trên máy cá nhân¶
Bước 1¶
Tạo thư mục có tên tùy ý, ví dụ mysite. Không nên gõ dấu tiếng Việt và khoảng trắng.
Bước 2¶
Chọn một trình soạn thảo tùy ý, tạo tập tin có phần tên mở rộng là .html, ví dụ portfolio.html (1).
- Portfolio là trang web dùng để flex về bản thân, bao gồm thông tin cá nhân và những dự án hoặc sản phẩm mà mình đã thực hiện.
Thao tác tạo là tương tự nhau giữa các trình soạn thảo: chọn menu File > chọn mục New.
Thao tác lưu cũng vậy: chọn menu File > chọn mục Save, hoặc nhấn Ctrl+S.
Save
Nhớ thường xuyên save để thể hiện sự trân trọng thành quả của mình.
Bước 3¶
Xem trang web bằng một trong hai cách:
- Click đôi vào tập tin .html để mở bằng trình duyệt mặc định trên máy.
- Trong trình duyệt, nhấn phím F5 để làm mới lại trang web.
Some English words¶
| Vietnamese | Tiếng Anh |
|---|---|
| chương trình soạn thảo văn bản | text editor |
| kết xuất | render |
| làm mới lại | refresh |