Trình chỉnh sửa 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 bạn nên sử dụng một 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 sử dụng một trình soạn thảo văn bản đơn giản là một cách tốt để học HTML.
Làm 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ổ ở dưới cùng bên trái trên màn hình của bạn). Nhập Notepad .
Windows 7 trở xuống:
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 một cách 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", 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 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à kiểu mã hóa ưu tiên cho các 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, nó là 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ẽ giống như sau:
W3Schools Online Editor - "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ã hóa màu sắc và khả năng lưu và chia sẻ mã với những người khác:
Thí 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>
Nhấp vào nút "Hãy tự mình thử" để xem nó hoạt động như thế nào.
W3Schools Spaces
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 thử trình tạo trang web miễn phí của chúng tôi , được gọi là W3schools Spaces :
