Cách tạo một trang web đơn giản với Notepad: 15 bước

Mục lục:

Cách tạo một trang web đơn giản với Notepad: 15 bước
Cách tạo một trang web đơn giản với Notepad: 15 bước

Video: Cách tạo một trang web đơn giản với Notepad: 15 bước

Video: Cách tạo một trang web đơn giản với Notepad: 15 bước
Video: VPN Là Gì, Có Tác Dụng Gì, Những Điều Cần Biết Về VPN Trước Khi Sử Dụng - CA Channel 2024, Có thể
Anonim

Mỗi ngày, chúng tôi truy cập các trang web khác nhau. Tuy nhiên, đôi khi chúng ta tự hỏi, việc tạo một trang web cho riêng mình có khó không? Trong bài viết này, bạn sẽ được hướng dẫn tạo một trang web HTML đơn giản bằng Notepad.

Bươc chân

Phương pháp 1/1: Tạo trang web của riêng bạn

Tạo một trang web đơn giản bằng Notepad Bước 1
Tạo một trang web đơn giản bằng Notepad Bước 1

Bước 1. Mở Notepad

Trình soạn thảo văn bản này là một chương trình được tích hợp sẵn trên mọi máy tính Windows và có thể tìm thấy trong menu Bắt đầu. Sau khi Notepad mở ra, hãy nhấp vào Tệp> Lưu Dưới dạng, sau đó chọn Tất cả Tệp trong cột Loại Tệp. Lưu tệp đã tạo của bạn ở định dạng HTML. Nói chung, trang chính của một trang web có tên tệp là "index.html" và chứa các liên kết đến tất cả các trang trên trang web.

Tạo một trang web đơn giản bằng Notepad Bước 2
Tạo một trang web đơn giản bằng Notepad Bước 2

Bước 2. Hiểu HTML

Dấu (thẻ) trong HTML (Ngôn ngữ đánh dấu siêu văn bản) có trong.

Những dấu này phục vụ cho việc xây dựng trang web của bạn. Để kết thúc mã HTML, hãy sử dụng thẻ kết thúc, chẳng hạn như Dấu đóng rất hữu ích để đóng các dấu khác nhau, chẳng hạn như dấu đậm hoặc dấu đoạn.

Tạo một trang web đơn giản bằng Notepad Bước 3
Tạo một trang web đơn giản bằng Notepad Bước 3

Bước 3. Bắt đầu trang web của bạn bằng cách chèn một thẻ ở đầu tệp

Tạo một trang web đơn giản bằng Notepad Bước 4
Tạo một trang web đơn giản bằng Notepad Bước 4

Bước 4. Sử dụng các thẻ để nhập các thông tin khác nhau

Dấu hữu ích để đặt tiêu đề trang, trong khi thẻ (tùy chọn) được sử dụng để nhập giải thích nội dung của trang web. Sau đó, dấu hiệu sẽ được đọc bởi các công cụ tìm kiếm, chẳng hạn như Google.

Tạo một trang web đơn giản bằng Notepad Bước 5
Tạo một trang web đơn giản bằng Notepad Bước 5

Bước 5. Sau khi nhập thẻ, hãy đặt tiêu đề trang bằng thẻ, ví dụ như wikiHow HTML

Tạo một trang web đơn giản bằng Notepad Bước 6
Tạo một trang web đơn giản bằng Notepad Bước 6

Bước 6. Hoàn thành tiêu đề của trang web bằng cách sử dụng dấu

Tạo một trang web đơn giản bằng Notepad Bước 7
Tạo một trang web đơn giản bằng Notepad Bước 7

Bước 7. Sử dụng các thẻ để nhập nội dung trang

Hãy nhớ rằng không phải tất cả các màu đều được trình duyệt hỗ trợ. Ví dụ: màu xám đậm có thể không được hỗ trợ.

Tạo một trang web đơn giản bằng Notepad Bước 8
Tạo một trang web đơn giản bằng Notepad Bước 8

Bước 8. Viết nội dung của trang web giữa

Ví dụ: bắt đầu bằng cách tạo tiêu đề trang web. Tiêu đề trang web là một phần của trang web bằng các chữ cái lớn và được đánh dấu bằng dấu

cho đến khi

. Ký tên

bạn có thể sử dụng để tạo tiêu đề trang với kích thước phông chữ lớn nhất. Hãy thử sử dụng dấu hiệu ngay bên dưới dấu hiệu, như

Chào mừng đến với trang web của tôi

. Hãy chắc chắn rằng bạn đóng dấu

ở cuối câu.

Tạo một trang web đơn giản bằng Notepad Bước 9
Tạo một trang web đơn giản bằng Notepad Bước 9

Bước 9. Tạo một đoạn văn trên trang có dấu

Ví dụ, viết

Kiểm tra đoạn văn!

Để tạo một dòng mới, hãy sử dụng dấu, hoặc nghỉ.

Tạo một trang web đơn giản bằng Notepad Bước 10
Tạo một trang web đơn giản bằng Notepad Bước 10

Bước 10. Bạn chắc chắn không muốn trang web bạn tạo chỉ chứa văn bản thuần túy

Sử dụng các cờ sau để định dạng văn bản trên các trang web: để in đậm văn bản, để in nghiêng văn bản và gạch chân nó. Sau khi sử dụng dấu hiệu trên, đừng quên đóng nó lại!

Tạo một trang web đơn giản bằng Notepad Bước 11
Tạo một trang web đơn giản bằng Notepad Bước 11

Bước 11. Thêm hình ảnh có dấu

Image
Image

để làm đẹp trang web và thêm thông tin không thể giải thích dưới dạng văn bản.

Ký tên

Tạo một trang web đơn giản bằng Notepad Bước 13
Tạo một trang web đơn giản bằng Notepad Bước 13

yêu cầu thông tin nhất định để hoạt động. Cú pháp đầy đủ của dấu hiệu

có thể có hình dạng như thế này:.

Tham số src trong dấu dùng để viết tên tệp hình ảnh, và chiều rộng và chiều cao có chức năng mô tả chiều dài và chiều rộng.

Bước 12. Tạo một liên kết dẫn đến một trang khác, ví dụ: Một trang khác

Văn bản ở giữa dấu là văn bản sẽ xuất hiện trên trang, trong khi tham số href chứa trang đích. Với các liên kết, khách truy cập có thể di chuyển đến các trang khác nhau trên trang web của bạn một cách dễ dàng.

Bước 13. Khi bạn đã điền xong trang web, hãy kết thúc trang bằng cách đóng

Cuối cùng, đóng mã HTML bằng

Tạo một trang web đơn giản bằng Notepad Bước 14
Tạo một trang web đơn giản bằng Notepad Bước 14

Bước 14. Lưu trang web đã tạo của bạn với phần mở rộng.html và mở nó trong trình duyệt yêu thích của bạn để kiểm tra

Tạo một trang web đơn giản bằng Notepad Bước 15
Tạo một trang web đơn giản bằng Notepad Bước 15

Bước 15. Đọc hướng dẫn sau để tải trang web của bạn lên internet

Lời khuyên

  • Trên internet, có rất nhiều trang web có chứa các hướng dẫn để tạo một trang web. W3school là một trang web có tài liệu tốt.
  • Đảm bảo bạn đóng mọi thẻ trong tệp HTML.
  • Đánh dấu vào dòng đầu tiên của tệp, trước dấu. Cờ này cho biết tệp bạn đang tạo là tệp HTML5.
  • Thay đổi phông chữ với các dấu trước và sau. Thay thế "N" bằng kiểu chữ bạn muốn, ví dụ "Verdana".
  • Nếu bạn cần sử dụng dấu ngoặc nhọn, hãy sử dụng mã. Trong khi đó, để sử dụng dấu &, hãy sử dụng mã &.
  • Theo các hướng dẫn về HTML, bạn luôn phải đặt tên các tệp và thư mục web bằng chữ thường, không có dấu cách và dấu chấm câu. Mặc dù Windows cho phép bạn đặt khoảng trắng trong tên tệp, nhưng nhiều nhà cung cấp dịch vụ lưu trữ thì không. Ngoài ra, một tên tệp gọn gàng sẽ giúp bạn quản lý trang web của mình dễ dàng hơn.

Đề xuất: