Tạo một trang web mới bằng Notepad

01 trên 07

Đặt tệp của bạn vào một thư mục mới

Đặt tệp của bạn vào một thư mục mới. Jennifer Kyrnin

Windows Notepad là một chương trình xử lý văn bản cơ bản mà bạn có thể sử dụng để viết các trang web của mình. Các trang web chỉ là văn bản và bạn có thể sử dụng bất kỳ chương trình xử lý văn bản nào để viết HTML của mình. Hướng dẫn này hướng dẫn bạn qua quá trình này.

Việc đầu tiên cần làm khi tạo một trang web mới trong Notepad là tạo một thư mục riêng để lưu trữ nó. Thông thường, bạn lưu trữ các trang web của mình trong một thư mục có tên HTML trong thư mục "Tài liệu của tôi", nhưng bạn có thể lưu trữ chúng ở nơi bạn thích.

  1. Mở cửa sổ My Documents
  2. Nhấp vào Tệp > Mới > Thư mục
  3. Đặt tên cho thư mục my_website

Lưu ý quan trọng: Đặt tên cho các thư mục web và các tệp bằng cách sử dụng tất cả các chữ thường và không có dấu cách hoặc dấu chấm câu nào. Trong khi Windows cho phép bạn sử dụng không gian, nhiều nhà cung cấp dịch vụ lưu trữ web thì không, và bạn sẽ tiết kiệm cho mình một chút thời gian và rắc rối nếu bạn đặt tên tệp và thư mục chính xác ngay từ đầu.

02 trên 07

Lưu trang dưới dạng HTML

Lưu trang của bạn dưới dạng HTML. Jennifer Kyrnin

Điều đầu tiên bạn nên làm khi viết một trang web trong Notepad là lưu trang dưới dạng HTML. Điều này giúp bạn tiết kiệm thời gian và rắc rối sau này.

Giống như tên thư mục, luôn sử dụng tất cả các chữ thường và không có dấu cách hoặc ký tự đặc biệt nào trong tên tệp.

  1. Trong Notepad, nhấp vào File và sau đó Save As.
  2. Điều hướng đến thư mục mà bạn đang lưu tệp trang web của mình.
  3. Thay đổi menu thả xuống Lưu thành loại thành Tất cả các tệp (*. *).
  4. Đặt tên cho tệp. Hướng dẫn này sử dụng tên pets.htm.

03 trên 07

Bắt đầu viết trang web

Bắt đầu trang web của bạn. Jennifer Kyrnin

Điều đầu tiên bạn nên nhập trong tài liệu HTML Notepad của bạn là DOCTYPE. Điều này cho các trình duyệt biết loại HTML mong đợi. Hướng dẫn này sử dụng HTML5.

Khai báo loại tài liệu không phải là một thẻ. Nó cho máy tính biết rằng một tài liệu HTML5 đang đến. Nó nằm ở đầu mỗi trang HTML5 và nó có dạng này:

Khi bạn có DOCTYPE, bạn có thể bắt đầu HTML của mình. Nhập cả phần đầu

và thẻ kết thúc và để lại một số không gian cho nội dung trang web của bạn. Tài liệu Notepad của bạn sẽ trông như thế này:

04/07

Tạo một đầu cho trang web của bạn

Tạo một đầu cho trang web của bạn. Jennifer Kyrnin

Người đứng đầu của tài liệu HTML là nơi thông tin cơ bản về trang web của bạn được lưu trữ — những thứ như tiêu đề trang và có thể là thẻ meta để tối ưu hóa công cụ tìm kiếm. Để tạo phần đầu, hãy thêm

trong tài liệu văn bản HTML Notepad của bạn giữa các thẻ.

Như với

thẻ, để lại một khoảng trống giữa chúng để bạn có chỗ để thêm thông tin đầu.

05/07

Thêm tiêu đề trang vào phần đầu

Thêm tiêu đề trang. Jennifer Kyrnin

Tiêu đề của trang web của bạn là văn bản hiển thị trong cửa sổ trình duyệt. Nó cũng là những gì được viết trong bookmark và yêu thích khi ai đó lưu trang web của bạn. Lưu trữ văn bản tiêu đề giữa

thẻ usingtags. Nó sẽ không xuất hiện trên chính trang web, chỉ ở đầu trình duyệt.

Trang ví dụ này có tiêu đề "McKinley, Shasta và các vật nuôi khác".

McKinley, Shasta và các vật nuôi khác

Việc tiêu đề của bạn kéo dài bao lâu hoặc nếu nó kéo dài nhiều dòng trong HTML của bạn, nhưng các tiêu đề ngắn hơn sẽ dễ đọc hơn và một số trình duyệt sẽ cắt bớt các tiêu đề dài hơn trong cửa sổ trình duyệt.

06 trên 07

Cơ thể chính của trang web của bạn

Cơ thể chính của trang web của bạn. Jennifer Kyrnin

Nội dung trang web của bạn được lưu trữ trong

thẻ. Đây là nơi bạn đặt văn bản, tiêu đề, tiêu đề phụ, hình ảnh và đồ họa, liên kết và tất cả nội dung khác. Nó có thể miễn là bạn thích.

Cùng một định dạng này có thể được theo sau để viết trang web của bạn trong Notepad.

Đầu tiêu đề của bạn ở đâyTất cả mọi thứ trên trang web đều có ở đây

07/07

Tạo thư mục hình ảnh

Tạo một thư mục hình ảnh. Jennifer Kyrnin

Trước khi bạn thêm nội dung vào phần nội dung của tài liệu HTML, bạn cần phải thiết lập các thư mục để có thư mục cho hình ảnh.

  1. Mở cửa sổ My Documents .
  2. Thay đổi thư mục my_website .
  3. Nhấp vào Tệp > Mới > Thư mục.
  4. Đặt tên cho hình ảnh thư mục.

Lưu trữ tất cả hình ảnh của bạn cho trang web của bạn trong thư mục hình ảnh để bạn có thể tìm thấy chúng sau này. Điều này giúp bạn dễ dàng tải chúng lên khi cần.