Có rất nhiều trình soạn thảo để code cũng như kiểm tra code HTML chạy ra sao và chạy như thế nào.Ở bài viết này mình sẽ hướng dẫn cho các bạn một số trình soạn thảo chuyên dụng để code và cách để kiểm tra đoạn code đó chạy ra sao trên trình duyệt web một cách đơn giản nhất.
Viết HTML bằng Notepad++ hoặc TextEdit
HTML có thể được viết hoặc chỉnh sửa bởi những trình soạn thảo HTML chuyên nghiệp như:
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
Tuy nhiên, để học HTML chúng tôi khuyến khích bạn nên sử dụng trình soạn thảo văn bản như Notepad++ (trên PC) hoặc TextEdit (trên Mac).
Chúng tôi tin rằng việc sử dụng trình soạn thảo đơn giản là cách tốt nhất để học HTML.
Hãy làm theo 4 bước dưới đây để tạo trang web đầu tiên của bạn với Notepad++.
Bước 1: Mở Notepad++
Để mở Notepad trên Windows 7 (hoặc các phiên bản thấp hơn như):
Nhấn Start (dưới cùng bên trái màn hình của bạn). Nhấn chọn All Programs. Chọn Accessories và nhấn vào Notepad++.
Để mở Notepad++ trên Windows 8 (hoặc các phiên bản cao hơn):
Mở Start Screen (Biểu tượng window ở phía dưới góc trái mà hình của bạn). Nhập vào chữ Notepad++.
Bước 2: Viết mã HTML
Tự viết hoặc copy đoạn mã HTML dưới đây vào Notepad++.
<!DOCTYPE html>
<html>
<head>
<title>Tiêu đề trang - HoanTN.Com</title>
</head>
<body>
<h1>Đây là đề mục lớn</h1>
<p>Đây là một đoạn văn bản.</p>
</body>
</html>
Bước 3: Lưu tệp HTML
Lưu nội dung vừa tạo thành tệp tin trên máy tính theo định dạng .html
Chọn File > Save as chọn thư mục bạn muốn lưu lại.
Đặt tên cho file: Bạn có thể tùy chọn phần mở rộng là .htm hoặc .html. Không có gì khác biệt, tuy nhiên .html được sử dụng phổ biến hơn.
Ví dụ: index.html
Bước 4: Chạy HTML Trên Trình Duyệt
Nhấp đúp vào tệp tin HTML bạn vừa lưu và kiểm tra kết quả nhé ^^.
Lưu ý:
- Khi lưu tệp bạn cần để tên đúng theo dạng ten.phần mở rộng (index.html)
- Khi mở tệp có thể nhấp đúp chuột trái hoặc ấn chuột phải chọn Open with sau đó chọn trình duyệt bạn muốn mở.
Tổng Kết:
Trên đây là một số trình soạn thảo HTML và cách để hiển thị đoạn code HTML đã viết trên trình duyệt, còn rất nhiều trình soạn thảo khác để bạn lựa chọn, hãy lựa chọn một công cụ soạn thảo html mà bạn thích nhé.
Nếu có bất kỳ thắc mắc hay góp ý nào cho bài viết này hãy để lại bình luận cho tôi phía dưới nhé. Chúc các bạn học tốt với HTML ^^
