Cách để Tạo Trang Web đơn Giản Bằng Notepad - WikiHow

Trang chủ » Code Html Bằng Notepad » Cách để Tạo Trang Web đơn Giản Bằng Notepad - WikiHow

Có thể bạn quan tâm

Skip to Content
  • Trang đầu
  • Ngẫu nhiên
  • Duyệt các Chuyên mục
  • Giới thiệu về wikiHow
  • Đăng nhập / Đăng ký
Các chính sáchCách để Tạo trang web đơn giản bằng Notepad PDF download Tải về bản PDF Thông tin tác giả PDF download Tải về bản PDF X

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. Bài viết này đã được xem 38.284 lần.

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

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.

Các bước

Phương pháp 1 Phương pháp 1 của 1:

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

PDF download Tải về bản PDF
  1. Step 1 Mở Notepad. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Create-a-Simple-Webpage-Using-Notepad-Step-1-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Create-a-Simple-Webpage-Using-Notepad-Step-1-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 2 HTML (Ngôn ngữ Đánh dấu Siêu văn bản) sử dụng các thẻ. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/Create-a-Simple-Webpage-Using-Notepad-Step-2-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/Create-a-Simple-Webpage-Using-Notepad-Step-2-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 3 Mở đầu trang web thường là thẻ: {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/85\/Create-a-Simple-Webpage-Using-Notepad-Step-3-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/85\/Create-a-Simple-Webpage-Using-Notepad-Step-3-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Mở đầu trang web thường là thẻ: <html>. Bạn có thể đặt nó đầu tập tin Notepad.
  4. Step 4 Tiếp theo là thẻ <head>. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/73\/Create-a-Simple-Webpage-Using-Notepad-Step-4-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/73\/Create-a-Simple-Webpage-Using-Notepad-Step-4-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 5 Trên dòng tiếp theo, sau thẻ head, hãy đặt một tiêu đề, ví dụ: {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/70\/Create-a-Simple-Webpage-Using-Notepad-Step-5-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/70\/Create-a-Simple-Webpage-Using-Notepad-Step-5-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 6 Bây giờ, gõ </head> để kết thúc phần đầu. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/49\/Create-a-Simple-Webpage-Using-Notepad-Step-6-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/49\/Create-a-Simple-Webpage-Using-Notepad-Step-6-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Bây giờ, gõ </head> để kết thúc phần đầu.
  7. Step 7 Tiếp theo trên trang web là thẻ <body>. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4a\/Create-a-Simple-Webpage-Using-Notepad-Step-7-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4a\/Create-a-Simple-Webpage-Using-Notepad-Step-7-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 8 Giữa hai thẻ body là nội dung trang web mà người dùng nhìn thấy. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Create-a-Simple-Webpage-Using-Notepad-Step-8-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-8-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Create-a-Simple-Webpage-Using-Notepad-Step-8-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 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. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Create-a-Simple-Webpage-Using-Notepad-Step-9-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-a-Simple-Webpage-Using-Notepad-Step-9-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 10 Một trang web chỉ toàn văn bản thuần túy thì thật nhàm chán. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/56\/Create-a-Simple-Webpage-Using-Notepad-Step-10-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-10-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/56\/Create-a-Simple-Webpage-Using-Notepad-Step-10-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 11 Điều giúp cho trang web thực sự thú vị là hình ảnh. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/09\/Create-a-Simple-Webpage-Using-Notepad-Step-11-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-11-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/09\/Create-a-Simple-Webpage-Using-Notepad-Step-11-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-11-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 12 Gần như xong rồi! {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/23\/Create-a-Simple-Webpage-Using-Notepad-Step-12-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-12-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Create-a-Simple-Webpage-Using-Notepad-Step-12-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-12-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 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> {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/36\/Create-a-Simple-Webpage-Using-Notepad-Step-13-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-13-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/Create-a-Simple-Webpage-Using-Notepad-Step-13-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-13-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 14 Lưu lại tập tin với đuôi '.html'. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fd\/Create-a-Simple-Webpage-Using-Notepad-Step-14-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-14-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fd\/Create-a-Simple-Webpage-Using-Notepad-Step-14-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-14-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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. Step 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. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/15\/Create-a-Simple-Webpage-Using-Notepad-Step-15-Version-2.jpg\/v4-460px-Create-a-Simple-Webpage-Using-Notepad-Step-15-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/15\/Create-a-Simple-Webpage-Using-Notepad-Step-15-Version-2.jpg\/v4-728px-Create-a-Simple-Webpage-Using-Notepad-Step-15-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 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.

Bài viết wikiHow có liên quan

Tải Video Miễn phí từ Mọi Trang WebCách đểTải Video Miễn phí từ Mọi Trang Web Tìm kiếm thông tin về ai đó bằng hình ảnhCách đểTìm kiếm thông tin về ai đó bằng hình ảnh Tạo một trang web đơn giản với HTMLCách đểTạo một trang web đơn giản với HTML Tải liên kết TorrentCách đểTải liên kết Torrent Tạo Tài khoản YahooCách đểTạo Tài khoản Yahoo Tải video về từ YoutubeCách đểTải video về từ Youtube Cho phép chỉnh sửa tài liệu Google DocCách đểCho phép chỉnh sửa tài liệu Google Doc Tải xuống tập tin từ GitHubCách đểTải xuống tập tin từ GitHub Kiểm tra email bằng việc sử dụng Google MailCách đểKiểm tra email bằng việc sử dụng Google Mail Chạy tập tin HTMLCách đểChạy tập tin HTML Thiết lập hình nền trong HTMLCách đểThiết lập hình nền trong HTML Tạo Tài khoản GmailCách đểTạo Tài khoản Gmail Thay đổi mật khẩu tài khoản HotmailCách đểThay đổi mật khẩu tài khoản Hotmail Lấy liên kết URL của hình ảnhCách đểLấy liên kết URL của hình ảnh Quảng cáo

Về bài wikiHow này

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. Bài viết này đã được xem 38.284 lần. Chuyên mục: Mạng Internet Ngôn ngữ khác Tiếng Anh Tiếng Tây Ban Nha Tiếng Bồ Đào Nha Tiếng Italy Tiếng Nga Tiếng Đức Tiếng Pháp Tiếng Indonesia Tiếng Ả Rập Tiếng Thái Tiếng Trung Tiếng Hindi Tiếng Nhật Tiếng Hàn
  • In
Trang này đã được đọc 38.284 lần.

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

Có Không Quảng cáo Cookie cho phép wikiHow hoạt động tốt hơn. Bằng việc tiếp tục sử dụng trang web của chúng tôi, bạn đồng ý với chính sách cookie của chúng tôi.

Bài viết có liên quan

Tải Video Miễn phí từ Mọi Trang WebCách đểTải Video Miễn phí từ Mọi Trang WebTìm kiếm thông tin về ai đó bằng hình ảnhCách đểTìm kiếm thông tin về ai đó bằng hình ảnhTạo một trang web đơn giản với HTMLCách đểTạo một trang web đơn giản với HTMLTải liên kết TorrentCách đểTải liên kết Torrent

Theo dõi chúng tôi

Chia sẻ

TweetPin It wikiHow
  • Chuyên mục
  • Máy tính và Điện tử
  • Mạng Internet
  • Trang chủ
  • Giới thiệu về wikiHow
  • Các chuyên gia
  • Liên hệ với chúng tôi
  • Sơ đồ Trang web
  • Điều khoản Sử dụng
  • Chính sách về Quyền riêng tư
  • Do Not Sell or Share My Info
  • Not Selling Info

Theo dõi chúng tôi

--359

Từ khóa » Code Html Bằng Notepad