Công cụ soạn thảo HTML
Soạn thảo HTML bằng Notepad hoặc TextEdit
Bạn có thể tạo và chỉnh sửa trang web bằng cách sử dụng các công cụ soạn thảo HTML chuyên nghiệp. Nhưng để học HTML, hơn hết là nên sử dụng các công cụ soạn thảo đơn giản như Notepad (trên PC) hay TextEdit (trên Mac). Thậm chí có thể sử dụng công cụ code HTML online để thực hiện.
Dưới đây là các bước tạo trang web đầu tiên của bạn bằng Notepad hoặc TextEdit.
Bước 1 - Mở công cụ soạn thảo
Mở Notepad (trên PC)
- Với Windows 8 trở đi: Mở Start Screen > gõ Notepad.
- Với Windows 7 về trước: Start > Programs > Accessories > Notepad.
Mở TextEdit (trên Mac)
Finder > Applications > TextEdit. Ngoài ra cũng cần thay đổi trong phần thiết lập để lưu tập tin, bằng cách đi tới Preferences > Forrmat > Plain Text.
Dưới mục Open and Save, chọn Display HTML files as HTML code instead of formatted text.
Sau đó mở văn bản và dán đoạn mã vào đó.
Bước 2 - Soạn thảo HTML
Viết hoặc sao chép đoạn HTML đã viết vào Notepad.
<!DOCTYPE html>
<html>
<body>
<h1>Học lập trình HTML</h1>
<p>HTML là ngôn ngữ đánh dấu siêu văn bản.</p>
</body>
</html>
Dán đoạn mã HTML vào Notepad
Bước 3 - Lưu trang HTML
Lưu tập tin lên máy tính, chọn File > Save as trong trình thả. Đặt tên cho tập tin là quantrimang.htm rồi chọn bảng mã UTF-8 (được ưa dùng cho các tập tin HTML).
Lưu văn bản vừa tạo dưới dạng text
Lưu ý: Bạn có thể chọn phần mở rộng cho tập tin này là .htm hoặc .html đều được.
Bước 4 - Xem trang HTML trên trình duyệt
Mở tập tin HTML vừa lưu trên trình duyệt mà bạn muốn (click đúp chuột hoặc click chuột phải và chọn Open With).
Hình ảnh hiển thị của tập tin vừa tạo trên trình duyệt Chrome
Xem thêm: 5 công cụ soạn thảo HTML trực tuyến miễn phí kiểm tra code tốt nhất
Bài trước: Giới thiệu về HTML
Bài sau: Các ví dụ cơ bản về HTML
Bạn nên đọc
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:


Cũ vẫn chất
-
SpeedFan
-
Hướng dẫn bật mã hóa đầu cuối Messenger
Hôm qua -
177013 là gì?
Hôm qua -
Máy tính cách ly với internet vẫn có thể bị hack qua đèn LED của card mạng
Hôm qua 1 -
Microsoft tung ra bản Windows 11 siêu nhẹ nhưng không dành cho tất mọi người
Hôm qua -
Top 7 app gửi tiết kiệm uy tín, lãi suất cao hiện nay
Hôm qua -
TOP 13 phần mềm điều khiển máy tính từ xa miễn phí, tốt nhất
Hôm qua -
Những ứng dụng GPS không cần kết nối Internet tốt nhất cho Android
Hôm qua -
Cách xem lịch sử nghe nhạc trên Spotify
Hôm qua -
Cách sửa lỗi laptop không kết nối được WiFi, sửa lỗi laptop không nhận WiFi
Hôm qua