Cách để Tạo Một Trang Web đơn Giản Với HTML - 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 một trang web đơn giản với HTML PDF download Tải về bản PDF Cùng viết bởi Nhân viên của wikiHow

Tham khảo

PDF download Tải về bản PDF X

Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 152.570 lần.

Trong bài viết này: Thêm đề mục vào HTML Thêm phần thân của trang và nội dung vào HTML Thêm các thành phần khác vào HTML Tùy chỉnh màu Đóng văn bản HTML Lưu và mở trang web Xem thêm 3... Thu gọn... Bài viết có liên quan Tham khảo

Đây là bài viết hướng dẫn cách tạo một trang web đơn giản với HTML (ngôn ngữ đánh dấu siêu văn bản). HTML là một trong những thành phần cốt lõi của mạng lưới toàn cầu World Wide Web và tạo nên cấu trúc của các trang web. Sau khi tạo trang web, bạn có thể lưu nó dưới dạng văn bản HTML và xem trên trình duyệt web. Việc tạo trang HTML được thực hiện bằng cách sử dụng chương trình soạn thảo văn bản cơ bản trên máy tính Windows và Mac.

Các bước

Phần 1 Phần 1 của 6:

Thêm đề mục vào HTML

PDF download Tải về bản PDF
  1. Step 1 Mở chương trình soạn thảo văn bản. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4b\/4082-1-2.jpg\/v4-460px-4082-1-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4b\/4082-1-2.jpg\/v4-728px-4082-1-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Mở chương trình soạn thảo văn bản. Bạn có thể dùng Notepad hoặc Notepad++ trên máy tính sử dụng hệ điều hành Windows, TextEdit trên hệ điều hành macOS và Text trên hệ điều hành ChromeOS:
    • Windows - Mở Start Windows Start{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/Windowsstart.png\/30px-Windowsstart.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, nhập notepad hoặc notepad++ và nhấp vào Notepad hoặc "Notepad++ hay Sublime" ở phía trên cửa sổ.
    • macOS - Nhấp vào Spotlight Mac Spotlight{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ea\/Macspotlight.png\/30px-Macspotlight.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, nhập textedit và nhấp đúp vào TextEdit ở phía trên danh sách kết quả.
    • ChromeOS - Mở launcher, rồi nhấp vào Text (biểu tượng có chữ Code Pad).
  2. Step 2 Nhập <!DOCTYPE html> và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/54\/4082-2-2.jpg\/v4-460px-4082-2-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/54\/4082-2-2.jpg\/v4-728px-4082-2-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Nhập <!DOCTYPE html> và ấn Enter. Thao tác này cho trình duyệt web biết đây là văn bản HTML.[1]
  3. Step 3 Nhập <html> và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/35\/4082-3-2.jpg\/v4-460px-4082-3-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/4082-3-2.jpg\/v4-728px-4082-3-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Nhập <html> và ấn Enter. Đây là thẻ mở đầu mã HTML.
  4. Step 4 Nhập <head> và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/db\/4082-4-2.jpg\/v4-460px-4082-4-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/db\/4082-4-2.jpg\/v4-728px-4082-4-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Nhập <head> và ấn Enter. Thẻ này mở phần mở đầu của HTML - phần thông tin mở đầu HTML thường không hiển thị trên trang web. Thông tin này có thể bao gồm tiêu đề, siêu dữ liệu, các trang phong cách CSS và ngôn ngữ kịch bản khác. [2]
  5. Step 5 Nhập <title>. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/4082-5-2.jpg\/v4-460px-4082-5-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/4082-5-2.jpg\/v4-728px-4082-5-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Nhập <title>. Đây là thẻ thêm tiêu đề vào trang.
  6. Step 6 Nhập tiêu đề cho trang. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/4082-6-2.jpg\/v4-460px-4082-6-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/4082-6-2.jpg\/v4-728px-4082-6-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Nhập tiêu đề cho trang. Bạn có thể đặt tiêu đề bất kỳ cho trang web của mình.
  7. Step 7 Nhập </title> và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fe\/4082-7-2.jpg\/v4-460px-4082-7-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fe\/4082-7-2.jpg\/v4-728px-4082-7-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 Nhập </title> và ấn Enter. Đây là thẻ đóng thẻ tiêu đề.
  8. Step 8 Nhập </head> và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/28\/4082-8-2.jpg\/v4-460px-4082-8-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/28\/4082-8-2.jpg\/v4-728px-4082-8-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 8 Nhập </head> và ấn Enter. Đây là thẻ đóng phần mở đầu. Mã HTML của bạn sẽ trông giống như sau: <!DOCTYPE html> <html> <head> <title>Trang web của tôi</title> </head> Quảng cáo
Phần 2 Phần 2 của 6:

Thêm phần thân của trang và nội dung vào HTML

PDF download Tải về bản PDF
  1. Step 1 Nhập <body> bên dưới thẻ "Head" đã đóng. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a1\/4082-9-2.jpg\/v4-460px-4082-9-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a1\/4082-9-2.jpg\/v4-728px-4082-9-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Nhập <body> bên dưới thẻ "Head" đã đóng. Đây là thẻ mở phần thân của văn bản HTML. Mọi thứ được nhập trong phần thân HTML đều hiển thị trên trang web.
  2. Step 2 Nhập <h1>. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/84\/4082-10-2.jpg\/v4-460px-4082-10-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/84\/4082-10-2.jpg\/v4-728px-4082-10-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Nhập <h1>. Đây là thẻ thêm đề mục vào văn bản HTML. Đề mục là dòng chữ to in đậm thường hiển thị ở phần đầu của văn bản HTML.
  3. Step 3 Nhập đề mục cho trang. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0e\/4082-11-2.jpg\/v4-460px-4082-11-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0e\/4082-11-2.jpg\/v4-728px-4082-11-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Nhập đề mục cho trang. Bạn có thể nhập tiêu đề trang hoặc lời chào.
  4. Step 4 Nhập </h1> sau nội dung của đề mục và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3f\/4082-12-2.jpg\/v4-460px-4082-12-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3f\/4082-12-2.jpg\/v4-728px-4082-12-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Nhập </h1> sau nội dung của đề mục và ấn Enter. Đây là thẻ đóng đề mục.
    • Thêm nhiều đề mục khác. Bạn có thể tạo thêm 6 đề mục khác bằng cách sử dụng các thẻ từ <h1></h1> đến <h6></h6>. Các thẻ này tạo đề mục với kích cỡ khác nhau. Ví dụ, để tạo 3 đề mục liền kề với kích cỡ khác nhau, bạn sẽ viết lệnh sau: <h1>Chào mừng bạn đến với trang web của tôi!</h1> <h2>Tôi là Nam!</h2> <h3>Hi vọng bạn sẽ thích trang web này!</h3>
    • Đề mục thể hiện sự ưu tiên hoặc tầm quan trọng của nội dung. Tuy nhiên, bạn không cần dùng đề mục cao nếu chỉ muốn dùng đề mục thấp. Bạn có thể dùng ngay đề mục H3, kể cả khi văn bản không có đề mục H1.
  5. Step 5 Nhập <p>. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/4082-13-2.jpg\/v4-460px-4082-13-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/4082-13-2.jpg\/v4-728px-4082-13-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Nhập <p>. Đây là thẻ mở đoạn văn bản. Đoạn văn bản được dùng để hiển thị nội dung với cỡ chữ thường.
  6. Step 6 Nhập nội dung. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/49\/4082-14-2.jpg\/v4-460px-4082-14-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/49\/4082-14-2.jpg\/v4-728px-4082-14-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Nhập nội dung. Bạn có thể nhập phần mô tả trang web hoặc bất kỳ nội dung nào mà bạn muốn chia sẻ.
  7. Step 7 Nhập </p> sau nội dung và ấn ↵ Enter. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/92\/4082-15-2.jpg\/v4-460px-4082-15-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/92\/4082-15-2.jpg\/v4-728px-4082-15-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 Nhập </p> sau nội dung và ấn Enter. Đây là thẻ đóng đoạn văn bản. Sau đây là ví dụ của đoạn văn bản trong HTML: <p>Đây là đoạn nội dung của tôi.</p>
    • Bạn có thể thêm nhiều dòng nội dung liên tục để tạo nhiều đoạn dưới một đề mục.
    • Thay đổi màu sắc của nội dung bằng cách đặt nội dung trong thẻ <font color="color"> và </font>. Hãy nhập màu sắc yêu thích của bạn vào "color" (vẫn giữ nguyên dấu ngoặc kép). Bạn có thể thay đổi màu sắc của nội dung bất kỳ (chẳng hạn như đề mục) bằng nhóm thẻ này. Ví dụ, để tạo màu xanh dương cho một đoạn văn bản, bạn sẽ viết mã: <p><font color="blue">Cá voi là loài động vật to lớn.</font></p>
    • Bạn có thể thêm kiểu chữ in đậm, in nghiêng và định dạng văn bản khác bằng cách sử dụng HTML. Sau đây là ví dụ về cách bạn thêm định dạng văn bản bằng thẻ HTML:[3] <b>Chữ in đậm</b> <i>Chữ in nghiêng</i> <u>Chữ gạch dưới</u> <sub>Chỉ số dưới</sub> <sup>Chỉ số trên</sup>
    • Nếu bạn sử dụng kiểu chữ in đậm và in nghiêng để nhấn mạnh thay vì chỉ tạo kiểu, hãy dùng thẻ <strong> và <em> thay cho <b> và <i>. Thao tác này làm cho trang web trở nên dễ hiểu hơn khi bạn sử dụng các công nghệ như chương trình đọc màn hình [4] hoặc chế độ đọc có trên một số trình duyệt[5] .
    Quảng cáo
Phần 3 Phần 3 của 6:

Thêm các thành phần khác vào HTML

PDF download Tải về bản PDF
  1. Step 1 Thêm hình ảnh vào trang. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/77\/4082-16-2.jpg\/v4-460px-4082-16-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/77\/4082-16-2.jpg\/v4-728px-4082-16-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Thêm hình ảnh vào trang. Bạn có thể thêm hình ảnh vào HTML bằng các bước sau:
    • Nhập <img src= để mở thẻ ảnh.
    • Sao chép và dán đường dẫn ảnh vào dấu ngoặc kép ngay sau dấu "=".
    • Nhập > sau đường dẫn của ảnh để đóng thẻ ảnh. Ví dụ, nếu đường dẫn của ảnh là "http://www.mypicture.com/lake", bạn sẽ viết mã sau: <img src="http://www.mypicture.com/lake.jpg">
  2. Step 2 Liên kết với trang khác. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/74\/4082-17-2.jpg\/v4-460px-4082-17-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/74\/4082-17-2.jpg\/v4-728px-4082-17-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Liên kết với trang khác. Sau đây là các bước thêm liên kết vào HTML:
    • Nhập <a href= để mở thẻ đường dẫn.
    • Sao chép và dán đường dẫn URL vào dấu ngoặc kép ngay sau dấu "=".
    • Nhập > sau đường dẫn URL để đóng thẻ đường dẫn trong HTML.
    • Nhập tên cho đường dẫn ngay sau dấu ngoặc đóng.
    • Nhập </a> sau tên đường dẫn để đóng đường dẫn HTML.[6] Sau đây là ví dụ của đường dẫn đến Facebook: <a href="https://www.facebook.com">Facebook</a>.
  3. Step 3 Thêm đường kẻ ngang vào HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d0\/4082-18-2.jpg\/v4-460px-4082-18-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d0\/4082-18-2.jpg\/v4-728px-4082-18-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Thêm đường kẻ ngang vào HTML. Bạn có thể thêm đường kẻ ngang bằng cách nhập <br> vào HTML. Thao tác này tạo đường kẻ ngang được dùng để phân cách các phần của trang. Quảng cáo
Phần 4 Phần 4 của 6:

Tùy chỉnh màu

PDF download Tải về bản PDF
  1. Step 1 Xem danh sách tên và mã màu chính thức của HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/4082-19-3.jpg\/v4-460px-4082-19-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/4082-19-3.jpg\/v4-728px-4082-19-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Xem danh sách tên và mã màu chính thức của HTML. Tổ chức World Wide Web Consortium (gọi tắt là W3C) quản lý danh sách màu chính thức và bạn có thể xem tại https://www.w3.org/wiki/CSS/Properties/color/keywords. Mỗi màu có tên chính thức với mã thập lục phân 6 chữ số, và một giá trị thập phân. Bạn có thể dùng giá trị bất kỳ để thêm màu cho các thành phần của trang web. Với ví dụ này, chúng ta sẽ sử dụng tên màu chính thức.
  2. Step 2 Thiết lập màu nền trong thẻ <body>. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/60\/4082-20-3.jpg\/v4-460px-4082-20-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/60\/4082-20-3.jpg\/v4-728px-4082-20-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Thiết lập màu nền trong thẻ <body>. Bạn sẽ thực hiện việc này bằng cách thêm style vào thẻ. Giả sử như bạn muốn trang có màu nền lavender, hãy nhập như sau:
    • <body style="background-color:lavender;">
  3. Step 3 Tạo màu chữ cho mọi thẻ. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/4082-21-3.jpg\/v4-460px-4082-21-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/4082-21-3.jpg\/v4-728px-4082-21-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Tạo màu chữ cho mọi thẻ. Bạn có thể dùng style để chỉ định màu muốn tạo cho toàn bộ chữ trong một thẻ nào đó. Ví dụ, bạn muốn chữ trong thẻ <p> có màu midnightblue:
    • <p style="color:midnightblue;">
    • Sự thay đổi màu sắc chỉ áp dụng cho chữ trong thẻ <p>. Nếu muốn tạo thêm thẻ <p> ở bên dưới có màu midnightblue, bạn cũng cần thêm style vào thẻ đó.
  4. Step 4 Tạo màu nền cho đề mục hoặc đoạn. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/35\/4082-22-3.jpg\/v4-460px-4082-22-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/4082-22-3.jpg\/v4-728px-4082-22-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Tạo màu nền cho đề mục hoặc đoạn. Bạn có thể tạo màu nền cho các thẻ khác tương tự như cách bạn tạo màu nền cho thẻ trong phần thân của trang. Ví dụ, nếu bạn muốn thẻ <p> có màu lightgrey, và tạo màu lightskyblue cho đề mục H1, hãy nhập mã sau:
    • <p style="background-color:lightgrey;">
    • <h1 style="background-color:lightskyblue;">
    Quảng cáo
Phần 5 Phần 5 của 6:

Đóng văn bản HTML

PDF download Tải về bản PDF
  1. Step 1 Nhập </body> để đóng phần thân của trang. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/4082-19-2.jpg\/v4-460px-4082-19-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/4082-19-2.jpg\/v4-728px-4082-19-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Nhập </body> để đóng phần thân của trang. Sau khi bạn hoàn tất việc thêm nội dung, hình ảnh và các thành phần khác vào phần thân của văn bản HTML, hãy thêm thẻ này vào cuối văn bản HTML để đóng phần thân của văn bản.
  2. Step 2 Nhập </html> để đóng văn bản HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/16\/4082-20-2.jpg\/v4-460px-4082-20-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/16\/4082-20-2.jpg\/v4-728px-4082-20-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Nhập </html> để đóng văn bản HTML. Thẻ này cần được nhập bên dưới thẻ đóng phần thân của HTML ở cuối văn bản. Đây là cách cho trình duyệt biết không còn mã HTML sau thẻ này. Toàn bộ văn bản HTML của bạn sẽ trông giống như sau: <!DOCTYPE html> <html> <head> <title>wikiHow Fan Page</title> </head> <body> <h1>Chào mừng bạn đến với trang của tôi!</h1> <p>Đây là fan page của wikiHow. Hãy cứ thoải mái khám phá!</p> <h2>Ngày quan trọng</h2> <p><i>15/01/2019</i> - Sinh nhật wikiHow</p> <h2>Liên kết</h2> <p>Đây là đường dẫn đến wikiHow: <a href="http://www.wikihow.com">wikiHow</a></p> </body> </html> Quảng cáo
Phần 6 Phần 6 của 6:

Lưu và mở trang web

PDF download Tải về bản PDF
  1. Step 1 Chuyển đổi văn bản thành định dạng văn bản thuần túy (chỉ dành cho người dùng Mac). {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/4082-21-2.jpg\/v4-460px-4082-21-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/4082-21-2.jpg\/v4-728px-4082-21-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Chuyển đổi văn bản thành định dạng văn bản thuần túy (chỉ dành cho người dùng Mac). Nhấp vào trình đơn Format (Định dạng) ở phía trên màn hình, rồi nhấp vào Make Plain Text (Tạo văn bản thuần túy) trong trình đơn đang hiển thị.
    • Bước này không cần thiết và không thể thực hiện được trên Windows.
  2. Step 2 Nhấp vào File (Tệp). {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/09\/4082-22-2.jpg\/v4-460px-4082-22-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/09\/4082-22-2.jpg\/v4-728px-4082-22-2.jpg","smallWidth":460,"smallHeight":341,"bigWidth":728,"bigHeight":539,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Nhấp vào File (Tệp). Đây là lựa chọn trong thanh trình đơn ở phía trên màn hình.
  3. Step 3 Nhấp vào Save as (Lưu dưới dạng). {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/4082-23-2.jpg\/v4-460px-4082-23-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/4082-23-2.jpg\/v4-728px-4082-23-2.jpg","smallWidth":460,"smallHeight":341,"bigWidth":728,"bigHeight":539,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Nhấp vào Save as (Lưu dưới dạng). Lựa chọn này có trong trình đơn "File" đang hiển thị.
    • Hoặc, bạn có thể ấn Ctrl+S (trên Windows) hoặc Command+S (trên Mac).
  4. Step 4 Đặt tên cho văn bản HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/4082-24-2.jpg\/v4-460px-4082-24-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/4082-24-2.jpg\/v4-728px-4082-24-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Đặt tên cho văn bản HTML. Nhập tên bất kỳ cho văn bản vào trường "File name" (Tên tập tin) trên Windows hoặc "Name" (Tên) trên Mac.
  5. Step 5 Thay đổi định dạng của tập tin. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/89\/4082-25-2.jpg\/v4-460px-4082-25-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/89\/4082-25-2.jpg\/v4-728px-4082-25-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Thay đổi định dạng của tập tin. Bạn cần chuyển tập tin văn bản thành tập tin HTML. Sau đây là các bước thay đổi định dạng tập tin:
    • Windows - Nhấp vào khung lựa chọn "Save as type" (Lưu theo định dạng), nhấp vào All Files (Tất cả tập tin), và nhập .html vào sau tên tập tin.
    • MacOS - Thay .txt sau tên tập tin bằng .html.
    • ChromeOS - Nhấp vào nút "Save as" (Lưu dưới dạng). Nhập .html sau tên tập tin. Bạn có thể đặt tên bất kỳ cho tập tin.
  6. Step 6 Nhấp vào Save (Lưu). {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/4082-26-2.jpg\/v4-460px-4082-26-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/4082-26-2.jpg\/v4-728px-4082-26-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Nhấp vào Save (Lưu). Đây là nút ở bên dưới cửa sổ. Thao tác này sẽ tạo tập tin HTML.
    • Tập tin HTML thường được mở bằng trình duyệt web mặc định.
  7. Step 7 Đóng chương trình chỉnh sửa văn bản. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d7\/4082-27-2.jpg\/v4-460px-4082-27-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d7\/4082-27-2.jpg\/v4-728px-4082-27-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 Đóng chương trình chỉnh sửa văn bản. Đã đến lúc mở tập tin HTML trong trình duyệt để bạn có thể xem trang web của mình.
  8. Step 8 Mở văn bản HTML bằng trình duyệt. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/4082-28-2.jpg\/v4-460px-4082-28-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/4082-28-2.jpg\/v4-728px-4082-28-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 8 Mở văn bản HTML bằng trình duyệt. Trong hầu hết trường hợp, bạn có thể nhấp đúp vào văn bản HTML để thực hiện việc này. Nếu việc nhấp đúp vào văn bản bị lỗi, bạn sẽ thực hiện như sau:
    • Windows - Nhấp phải vào văn bản, chọn Open with (Mở bằng) và nhấp vào trình duyệt mà bạn muốn dùng.
    • Mac - Nhấp vào văn bản một lần, nhấp vào File, chọn Open With và nhấp vào trình duyệt mà bạn muốn dùng.
  9. Step 9 Chỉnh sửa văn bản HTML nếu cần. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b3\/4082-29-2.jpg\/v4-460px-4082-29-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b3\/4082-29-2.jpg\/v4-728px-4082-29-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 9 Chỉnh sửa văn bản HTML nếu cần. Có thể bạn sẽ nhận thấy lỗi trên trang HTML. Để sửa lỗi, bạn cần chỉnh sửa nội dung của văn bản HTML:
    • Trên Windows, bạn có thể nhấp phải vào văn bản và nhấp vào Edit (Chỉnh sửa) trong trình đơn đang hiển thị (nếu bạn đã cài đặt Notepad++, lựa chọn này sẽ là Edit with Notepad++ (Chỉnh sửa bằng Notepad++)).
    • Trên Mac, bạn sẽ nhấp chọn văn bản, rồi nhấp vào File, chọn Open With, và nhấp vào TextEdit. Bạn cũng có thể kéo văn bản vào TextEdit.
    • Trên Chromebook, hãy đóng ứng dụng Text, mở Files, tìm và nhấp vào tập tin của bạn.
    Quảng cáo

Lời khuyên

  • Các thẻ phải luôn được đóng với nội dung giống hệt phần mở đầu của thẻ. Ví dụ, thẻ <tag1><tag2> được đóng bằng cách nhập </tag2></tag1>.
  • Bạn có thể thêm dòng chữ chạy vào trang web bằng cách sử dụng thẻ <marquee></marquee>, nhưng một số trình duyệt có thể không nhận diện được thẻ này.
  • Nhiều người sử dụng Notepad++ để viết và biên dịch mã.
  • Nếu muốn đặt ảnh ở giữa trang, bạn có thể nhập <class="center"> sau tên của ảnh trong thẻ img (ví dụ: <img src="URL" class="center">).

Cảnh báo

  • Tốt nhất bạn nên lưu hình ảnh trên Imgur hoặc trang tương tự nếu muốn thêm ảnh vào trang web của mình. Đăng ảnh của người khác có thể là hành động vi phạm bản quyền.

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

Nhãn dán trái tim trắng có ý nghĩa gì?Nhãn dán 🤍 (trái tim trắng) có ý nghĩa gì? Thiết lập màu nền trong HTMLCách đểThiết lập màu nền trong HTML Chụp ảnh Màn hình trong Microsoft WindowsCách đểChụp ảnh Màn hình trong Microsoft Windows Thay đổi hình nền GoogleCách đểThay đổi hình nền Google Tắt McAfeeCách đểTắt McAfee Nhận biết AirPods Pro đang sạcCách đểNhận biết AirPods Pro đang sạc Kết nối PC với TV qua HDMICách đểKết nối PC với TV qua HDMI Xem người theo dõi mới của bạn bè trên InstagramCách đểXem người theo dõi mới của bạn bè trên Instagram Xóa chữ trên ảnh bằng PhotoshopCách đểXóa chữ trên ảnh bằng Photoshop Sửa màu trong GimpCách đểSửa màu trong Gimp Dùng Máy tính không cần chuộtCách đểDùng Máy tính không cần chuột Lưu tập tin vào USBCách đểLưu tập tin vào USB Quảng cáo

Tham khảo

  1. https://www.w3schools.com/howto/howto_website.asp
  2. https://www.w3schools.com
  3. https://www.w3schools.com/html/html_formatting.asp
  4. https://alistapart.com/article/conversational-semantics/
  5. https://alistapart.com/article/accessibility-for-vestibular/#section6
  6. https://www.w3schools.com/html/html_links.asp

Về bài wikiHow này

Nhân viên của wikiHow Cùng viết bởi: Nhân viên của wikiHow Người viết bài của wikiHow Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 152.570 lần. Chuyên mục: Máy tính và Điện tử | Mạng Internet Ngôn ngữ khác Tiếng Anh Tiếng Bồ Đào Nha Tiếng Italy Tiếng Tây Ban Nha Tiếng Pháp Tiếng Đức Tiếng Hà Lan Tiếng Nga Tiếng Trung Tiếng Indonesia Tiếng Thái Tiếng Hàn Tiếng Ả Rập Tiếng Nhật Tiếng Hindi Tiếng Thổ Nhĩ Kỳ Tiếng Ba Tư
  • In
Trang này đã được đọc 152.570 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

Nhãn dán trái tim trắng có ý nghĩa gì?Nhãn dán 🤍 (trái tim trắng) có ý nghĩa gì?Thiết lập màu nền trong HTMLCách đểThiết lập màu nền trong HTMLChụp ảnh Màn hình trong Microsoft WindowsCách đểChụp ảnh Màn hình trong Microsoft WindowsThay đổi hình nền GoogleCách đểThay đổi hình nền Google

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 đườ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ệt17 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ạnXem 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 Instagram

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

Căn giữa văn bản trên Microsoft WordCách đểCăn giữa văn bản trên Microsoft WordGấp hộp giấyCách đểGấp hộp giấyChuyển đổi màn hình 1 và 2 trên PCCách đểChuyển đổi màn hình 1 và 2 trên PCChép tài liệu từ máy tính sang USBCách đểChép tài liệu từ máy tính sang USBGấp trái tim giấyCách đểGấp trái tim giấyTạo ký hiệu x gạch ngang trên trong WordCách đểTạo ký hiệu x gạch ngang trên trong Word

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

15 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útBiế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ọ3 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 minhPhản hồi khi người yêu nhắn tin nói rằng họ nhớ bạnPhản hồi khi người yêu nhắn tin nói rằng họ nhớ bạn

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

Phả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ô ấyChọ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ạn15 dấu hiệu tiết lộ người cũ sẽ quay lại với bạn15 dấu hiệu tiết lộ người cũ sẽ quay lại với bạn175 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è

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

Xem video đã xóa trên YouTube bằng WayBack MachineXem video đã xóa trên YouTube bằng WayBack Machine9 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 InstagramKể về bản thân trên ứng dụng hẹn hòKể về bản thân trên ứng dụng hẹn hò5 cách để tìm một người trên Tinder5 cách để tìm một người trên Tinder

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

5 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 DiscordTại sao một anh chàng cứ nhìn bạn chằm chằm? 11 lý do và cách phản hồiTại sao một anh chàng cứ nhìn bạn chằm chằm? 11 lý do và cách phản hồi11 cách dễ dàng để khen vẻ ngoài của một chàng trai11 cách dễ dàng để khen vẻ ngoài của một chàng trai70+ câu trả lời thú vị, ngọt ngào và lãng mạn khi người yêu hỏi bạn yêu họ nhiều như thế nào70+ câu trả lời thú vị, ngọt ngào và lãng mạn khi người yêu hỏi bạn yêu họ nhiều như thế nào 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

--685

Từ khóa » Code Bằng Html