Trình soạn thảo HTML
Một trình soạn thảo văn bản đơn giản là tất cả những gì bạn cần để học HTML.
Học HTML bằng Notepad hoặc TextEdit
Các trang web có thể được tạo và sửa đổi bằng cách sử dụng các trình soạn thảo HTML chuyên nghiệp.
Tuy nhiên, để học HTML, chúng tôi khuyên dùng trình soạn thảo văn bản đơn giản như Notepad (PC) hoặc TextEdit (Mac).
Chúng tôi tin rằng việc sử dụng trình soạn thảo văn bản đơn giản là một cách hay để học HTML.
Thực hiện theo các bước bên dưới để tạo trang web đầu tiên của bạn bằng Notepad hoặc TextEdit.
Bước 1: Mở Notepad (PC)
Windows 8 trở lên:
Mở Màn hình Bắt đầu (biểu tượng cửa sổ ở phía dưới bên trái màn hình của bạn). Gõ Ghi chú .
Windows 7 trở về trước:
Mở Bắt đầu > Chương trình > Phụ kiện > Notepad
Bước 1: Mở TextEdit (Mac)
Mở Finder > Ứng dụng > TextEdit
Đồng thời thay đổi một số tùy chọn để ứng dụng lưu tệp chính xác. Trong Tùy chọn> Định dạng> chọn "Văn bản thuần túy"
Sau đó, trong "Mở và lưu", hãy chọn hộp có nội dung "Hiển thị tệp HTML dưới dạng mã HTML thay vì văn bản được định dạng".
Sau đó mở một tài liệu mới để đặt mã.
Bước 2: Viết một số HTML
Viết hoặc sao chép mã HTML sau vào Notepad:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Bước 3: Lưu trang HTML
Lưu tập tin trên máy tính của bạn. Chọn Tệp > Lưu dưới dạng trong menu Notepad.
Đặt tên tệp là "index.htm" và đặt mã hóa thành UTF-8 (là mã hóa ưu tiên cho tệp HTML).
Mẹo: Bạn có thể sử dụng .htm hoặc .html làm phần mở rộng tệp. Không có sự khác biệt; điều đó phụ thuộc vào bạn.
Bước 4: Xem trang HTML trong trình duyệt của bạn
Mở tệp HTML đã lưu trong trình duyệt yêu thích của bạn (nhấp đúp vào tệp hoặc nhấp chuột phải - và chọn "Mở bằng").
Kết quả sẽ trông giống như thế này:
Biên tập trực tuyến của Example.com.vn - "Hãy tự mình thử"
Với trình chỉnh sửa trực tuyến miễn phí của chúng tôi, bạn có thể chỉnh sửa mã HTML và xem kết quả trong trình duyệt của mình.
Nó là công cụ hoàn hảo khi bạn muốn kiểm tra mã nhanh. Nó cũng có mã màu và khả năng lưu và chia sẻ mã với người khác:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Hãy tự mình thử »Nhấp vào nút "Thử tự mình" để xem nó hoạt động như thế nào.
Không gian trường học W3
Nếu bạn muốn tạo trang web của riêng mình và lưu mã trực tuyến, hãy dùng thử trình tạo trang web miễn phí của chúng tôi, có tên là W3schools Spaces :