Cách thực hiện - Tạo và xem trang web
Tìm hiểu cách tạo và xem trang web trên máy tính của bạn.
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.