Công Nghệ
Phương pháp Tạo trang web đơn giản bằng Notepad: 15 Bước
Chúng ta dùng những trang web mỗi ngày, nhưng để tạo một trang web có khó không? bài đăng này sẽ dạy bạn cách tạo một trang web HTML đơn giản bằng Notepad.
những bước
Phương pháp số 1 của 1:Tạo trang web của riêng bạn
1Mở 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ả những liên kết để truy cập mọi thứ trên website. 2HTML (Ngôn ngữ Đánh dấu Siêu văn bản) dùng những thẻ. Về cơ bản, thẻ là những 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. 3Mở đầu trang web thường là thẻ:<html>. Bạn có thể đặt nó đầu tập tin Notepad. 4Tiế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ì. 5Trên dòng tiếp theo, sau thẻ head, hãy đặt một tiêu đề, ví dụ:<title>TaiNgheTroThinh HTML</title>6Bây giờ, gõ </head> để kết thúc phần đầu.7Tiế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). 8Giữ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! 9Mộ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 TaiNgheTroThinh! 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>. 10Mộ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 vài đị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Đ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. 12Gầ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Để 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>14Lư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. 15Nế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ớ dùng những 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õ < (dấu <), > (dấu >), & (dấu &), vân vân, cuối mã PHẢI CÓ dấu chấm phẩy “;”.Trong những bài chỉ 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 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.
