Cách để Tạo trang web đơn giản bằng Notepad

Trong bài viết này:Tạo trang web của riêng bạn

Chúng ta sử dụng các trang web mỗi ngày, nhưng để tạo một trang web có khó không? Bài viết này sẽ dạy bạn cách tạo một trang web HTML đơn giản bằng Notepad.

Tạo trang web của riêng bạn

  1. 1
    Mở Notepad. Notepad được cài đặt sẵn trên mọi máy tính Windows và bạn có thể tìm thấy trong bảng chọn Start. Sau khi mở Notepad, hãy nhấp vào "File", chọn "Save As" (Lưu dưới dạng) trong trình đơn thả xuống. Sau đó, chọn "All Files" (Tất cả tập tin) trong trình đơn loại tệp rồi lưu tập tin dưới dạng HTML. Thông thường, tập tin "index.html" là trang chính, chứa tất cả các liên kết để truy cập mọi thứ trên website.
  2. 2
    HTML (Ngôn ngữ Đánh dấu Siêu văn bản) sử dụng các thẻ. Về cơ bản, thẻ là các từ nằm trong dấu <ngoặc nhọn>.
    Bạn sẽ dùng rất nhiều thẻ để tạo ra trang web. Bên cạnh đó là "thẻ đóng", dùng để kết thúc một dòng của đoạn mã. Ví dụ như: </text>.Những thẻ này kết thúc một phông chữ in đậm hoặc một đoạn văn bản.
  3. 3
    Mở đầu trang web thường là thẻ: <html>. Bạn có thể đặt nó đầu tập tin Notepad.
  4. 4
    Tiếp theo là thẻ <head>.
    Kế đến là <title>, thẻ này cho trình duyệt biết nội dung đặt ở đầu cửa sổ và thẻ meta (không bắt buộc) cho công cụ tìm kiếm (chẳng hạn như Google) biết trang web nói về điều gì.
  5. 5
    Trên dòng tiếp theo, sau thẻ head, hãy đặt một tiêu đề, ví dụ: <title>wikiHow HTML</title>
  6. 6
    Bây giờ, gõ </head> để kết thúc phần đầu.
  7. 7
    Tiếp theo trên trang web là thẻ <body>. Lưu ý rằng trình duyệt không hỗ trợ tất cả màu sắc (chẳng hạn như hầu hết trình duyệt không hỗ trợ màu xám đậm).
  8. 8
    Giữa hai thẻ body là nội dung trang web mà người dùng nhìn thấy. Hãy bắt đầu với tiêu đề. Đây là phần văn bản có kích thước lớn, được chỉ định trong HTML từ thẻ <h1> đến <h6>, với thẻ <h1> là kích cỡ lớn nhất. Vậy thì ở đầu trang web, sau thẻ body, bạn có thể soạn <h1>Chào mừng đến với trang của tôi!</h1> Bạn phải luôn đặt thẻ đóng, nếu không, toàn bộ văn bản trên trang web sẽ bị phóng đại!
  9. 9
    Một thẻ khác có thể đưa vào phần nội dung trang web là <p> hay thẻ đoạn văn. Sau phần tiêu đề, bạn có thể nhập <p>. Tôi đang học cách làm một trang web! Quy tắc wikiHow!

    Nếu muốn tạo một dòng mới trên trang, hãy dùng thẻ ngắt dòng <br>.
  10. 10
    Một trang web chỉ toàn văn bản thuần túy thì thật nhàm chán. Vì vậy, hãy đưa vào một số định dạng. Thẻ <b> để in đậm chữ, <i> để in nghiêng, và <u> để gạch dưới. Bạn đừng quên thẻ đóng!
  11. 11
    Điều giúp cho trang web thực sự thú vị là hình ảnh. Cho dù văn bản đã được định dạng thì cũng không ai muốn xem một trang toàn là chữ. Hãy dùng thẻ <img> để chèn ảnh. Nhưng cũng như thẻ body, thẻ này cần thông tin bổ sung. Một thẻ img sẽ trông như sau: <img alt=dog src="dog.jpg" width=200 height=200>.Dữ liệu src (source: nguồn) là tên của hình ảnh. Phía sau width và height là chiều rộng và chiều cao theo pixel của ảnh.
  12. 12
    Gần như xong rồi! Nếu bạn muốn người ghé thăm có thể xem nhiều trang, hãy dùng thẻ: <a href="otherpage.html">Trang khác</a> để tạo liên kết.Nội dung nằm trong thẻ là những gì người dùng sẽ nhấp vào để đi đến trang tiếp theo, còn phần href là liên kết đến trang đó. Với thẻ này, bạn có thể dễ dàng đưa người dùng xem vòng quanh website của mình.
  13. 13
    Để hoàn tất, bạn cần kết thúc thẻ body với </body> và toàn bộ trang web bằng thẻ </html>
  14. 14
    Lưu lại tập tin với đuôi '.html'. Sau đó, mở file .html bằng trình duyệt yêu thích để xem cách nó hoạt động. Chúc mừng! Bạn vừa tạo thành công một trang web.
  15. 15
    Nếu bạn muốn phát hành trang web trực tuyến, hãy tìm hiểu cách tạo website với tên miền.

Lời khuyên

  • Bạn có thể tìm thấy trên mạng rất nhiều thẻ. Có nhiều trang web bổ ích giúp mọi người học cách tạo website (W3Schools là một trong số đó).
  • Nhớ sử dụng các thể đóng.
  • Luôn đảm bảo đặt thẻ <!DOCTYPE html> vào dòng đầu tiên, trước thẻ <HTML> để trình duyệt biết rằng trang web của bạn là chuẩn HTML5.
  • Bạn có thể thay đổi phông chữ bằng thẻ <font face="N"></font> trước <html> và sau </html>. N tượng trưng cho phông chữ, chẳng hạn như "Verdana".
  • Nếu bạn muốn dùng ký tự đặc biệt trên trang web, hãy gõ &lt (dấu <), &gt (dấu >), &amp (dấu &), vân vân, cuối mã PHẢI CÓ dấu chấm phẩy “;”.
  • Trong các bài hướng dẫn HTML, tên thư mục và tập tin web luôn được đặt bằng chữ thường, viết liền, không dấu. Mặc dù Windows cho phép sử dụng khoảng cách nhưng nhiều nhà cung cấp máy chủ web thì không, vậy nên bạn sẽ tiết kiệm được thời gian và ít gặp rắc rối nếu đặt tên tập tin và thư mục phù hợp ngay từ đầu.

Thông tin Bài viết

wikiHow là một trang "wiki", nghĩa là nhiều bài viết ở đây là nội dung của nhiều tác giả cùng viết nên. Để tạo ra bài viết này, 71 người, trong đó có một số người ẩn danh, đã thực hiện chỉnh sửa và cải thiện bài viết theo thời gian.

Chuyên mục: Mạng Internet

Ngôn ngữ khác:

English: Create a Simple Webpage Using Notepad, Español: crear una simple página web usando el Bloc de Notas, Português: Criar Uma Página Web Simples com o Bloco de Notas, Italiano: Creare una Semplice Pagina Web Utilizzando il Blocco Note, Русский: создать простую веб страницу в Блокноте, Deutsch: Eine einfache Webseite mit dem Notepad erstellen, Français: créer une simple page web avec le bloc notes, Bahasa Indonesia: Membuat Halaman Web Sederhana dengan Notepad, Nederlands: Een eenvoudige webpagina maken met Windows Kladblok, العربية: إنشاء صفحة ويب بسيطة باستخدام المفكرة, ไทย: สร้างหน้าเว็บง่ายๆ ด้วย Notepad, 中文: 用记事本创建简单的网页

Trang này đã được đọc 7.642 lần.
Bài viết này đã giúp ích cho bạn?