Hướng dẫn chạy html trên notepad++

Tải về bản PDF

Tải về bản PDF

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.

  1. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    3

    Mở đầu trang web thường là thẻ: <html>. Bạn có thể đặt nó đầu tập tin Notepad.

  4. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    6

    Bây giờ, gõ </head> để kết thúc phần đầu.

  7. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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ẻ <h2> đến <h6>, với thẻ <h2> là kích cỡ lớn nhất. Vậy thì ở đầu trang web, sau thẻ body, bạn có thể soạn <h2>Chào mừng đến với trang của tôi!</h2> 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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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. Hướng dẫn chạy html trên notepad++

    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.

    Quảng cáo

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.

Về bài wikiHow này

Trang này đã được đọc 27.505 lần.

Bài viết này đã giúp ích cho bạn?