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

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 41.021 lần.

Trong bài viết này: Tạo trang web của riêng bạn Mẹo và cảnh báo 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. 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ẻ. 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ẻ: 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>. 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ụ: 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. 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>. 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. 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. 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. 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. 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! 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> 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'. 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. 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 Xem Lịch sử Duyệt webCách đểXem Lịch sử Duyệt web 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ì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 Chạy tập tin HTMLCách đểChạy tập tin HTML 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 Tạo link tải MP3Cách đểTạo link tải MP3 Không bị bắt gặp khi xem phim khiêu dâmCách đểKhông bị bắt gặp khi xem phim khiêu dâm Xem video đã xóa trên YouTube bằng URLXem video đã xóa trên YouTube bằng WayBack Machine Xem trang cá nhân Facebook không cần đăng kýCách đểXem trang cá nhân Facebook không cần đăng ký 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 Truy cập web chìmCách đểTruy cập web chìm Tải video về từ YoutubeCách đểTải video về từ Youtube Tạo một liên kếtCách đểTạo một liên kết 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 41.021 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 Hàn Tiếng Nhật
  • In
Trang này đã được đọc 41.021 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 WebXem Lịch sử Duyệt webCách đểXem Lịch sử Duyệt webTạo một trang web đơn giản với HTMLCách đểTạo một trang web đơn giản với HTMLTì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

Các bài viết hướng dẫn nổi bật

Xem Instagram riêng tư của người khác mà không cần theo dõi: sự thực và 3 cách thay thếXem Instagram riêng tư của người khác mà không cần theo dõi: sự thực và 3 cách thay thếXem video đã xóa trên YouTube bằng WayBack MachineXem video đã xóa trên YouTube bằng WayBack Machine3 cách đơn giản giúp bạn đăng nhập Instagram không cần mã xác minh3 cách đơn giản giúp bạn đăng nhập Instagram không cần mã xác minhBiết ai đã chia sẻ bài đăng trên Instagram của bạn lên Story của họBiết ai đã chia sẻ bài đăng trên Instagram của bạn lên Story của họ

Các bài viết hướng dẫn phổ biến

Làm thuốc súngCách đểLàm thuốc súngTì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 ảnhChiến thắng khi đánh nhau ngoài đườngCách đểChiến thắng khi đánh nhau ngoài đườngKết nối tai nghe Bluetooth với máy tínhCách đểKết nối tai nghe Bluetooth với máy tínhBật xem trước ảnh trong thư mục (Windows 10)Cách đểBật xem trước ảnh trong thư mục (Windows 10)Chạy tập tin HTMLCách đểChạy tập tin HTML

Các bài viết hướng dẫn nổi bật

Chọn thuê người yêu đóng thế: 8 lời khuyên dành cho bạnChọn thuê người yêu đóng thế: 8 lời khuyên dành cho bạnXem đường chỉ tay hôn nhân: độ dài, độ cong và các đặc điểm riêng biệtXem đường chỉ tay hôn nhân: độ dài, độ cong và các đặc điểm riêng biệt15 dấu hiệu kín đáo cho thấy nàng bị bạn thu hút15 dấu hiệu kín đáo cho thấy nàng bị bạn thu hútPhải làm gì khi con gái không trả lời tin nhắn của bạn: 13 kiểu tin nhắn mà bạn có thể gửi cho cô ấyPhải làm gì khi con gái không trả lời tin nhắn của bạn: 13 kiểu tin nhắn mà bạn có thể gửi cho cô ấy

Các bài viết hướng dẫn nổi bật

9 cách đơn giản giúp bạn nhận biết người có nhiều tài khoản Instagram9 cách đơn giản giúp bạn nhận biết người có nhiều tài khoản Instagram3 cách dễ dàng để tìm một người trên Snapchat khi không có tên người dùng của họ3 cách dễ dàng để tìm một người trên Snapchat khi không có tên người dùng của họ5 cách để tìm một người trên Tinder5 cách để tìm một người trên TinderXem ai theo dõi một tài khoản riêng tư trên InstagramXem ai theo dõi một tài khoản riêng tư trên Instagram

Các bài viết hướng dẫn nổi bật

175 câu bắt chuyện thú vị và hấp dẫn để tiêu khiển với bạn bè175 câu bắt chuyện thú vị và hấp dẫn để tiêu khiển với bạn bè17 dấu hiệu cho biết chàng thầm yêu bạn17 dấu hiệu cho biết chàng thầm yêu bạnÝ nghĩa bí mật của emoji 🍆 (cà tím) và cách phản hồiÝ nghĩa bí mật của emoji 🍆 (cà tím) và cách phản hồi5 cách dễ dàng để biết ai đó đã chặn bạn trên Discord5 cách dễ dàng để biết ai đó đã chặn bạn trên Discord

Các bài viết hướng dẫn nổi bật

Tìm tên bài hát của đoạn nhạc trong video bằng Shazam trên máy tính và thiết bị di độngTìm tên bài hát của đoạn nhạc trong video bằng Shazam trên máy tính và thiết bị di độngXem ai không theo dõi lại bạn trên InstagramXem ai không theo dõi lại bạn trên InstagramBói chỉ tay: xem đường tình duyênBói chỉ tay: xem đường tình duyênGắn móc treo hút chân không: 12 mẹo đơn giản giúp dính chặt hơnGắn móc treo hút chân không: 12 mẹo đơn giản giúp dính chặt hơn 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

--407

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