Trình soạn thảo HTML – Chạy HTML Trên Trình Duyệt – Học HTML

Bởi
HoanTN
-
1
2588

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>
Ảnh 1: Trình soạn thảo HTML - Chạy HTML Trên Trình Duyệt
Ảnh 1: Trình soạn thảo 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é ^^.

Ảnh 2: Trình soạn thảo HTML - Chạy HTML Trên Trình Duyệt
Ảnh 2: Chạy HTML Trên Trình Duyệt

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 ^^

BÀI VIẾT LIÊN QUANXEM THÊM

1 BÌNH LUẬN

Comments are closed.