Mục lục:
- Bước 1: Tải xuống phần mềm
- Bước 2: Mở ngoặc
- Bước 3: Tạo tệp mới
- Bước 4: Lưu dưới dạng.. tệp
- Bước 5: Bắt đầu với thẻ DOCTYPE
- Bước 6: Thẻ HTML
- Bước 7: Thẻ Head và Body
- Bước 8: Thẻ meta
- Bước 9: Thẻ tiêu đề
- Bước 10: Thêm đoạn văn bằng thẻ P
- Bước 11: Xem kết quả của bạn
- Bước 12: Thay đổi định dạng
- Bước 13: Thẻ ngắt dòng đơn / đôi
- Bước 14: Kết luận
2025 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2025-01-13 06:58
Giới thiệu
Các hướng dẫn sau đây cung cấp hướng dẫn từng bước để tạo một trang web bằng cách sử dụng Dấu ngoặc vuông. Brackets là một trình soạn thảo mã nguồn với trọng tâm chính là phát triển web. Được tạo bởi Adobe Systems, đây là phần mềm mã nguồn mở miễn phí được cấp phép theo Giấy phép MIT và hiện được Adobe và các nhà phát triển mã nguồn mở khác duy trì trên GitHub. Nó được viết bằng JavaScript, HTML và CSS.
Hướng dẫn
Lưu ý: - Tất cả các thẻ HTML phải nằm giữa các dấu ngoặc:
Bước 1: Tải xuống phần mềm
tải xuống Brackets từ trang web này
Bước 2: Mở ngoặc
mở phần mềm Brackets đã tải xuống trên máy tính.
Bước 3: Tạo tệp mới
Sau khi mở Brackets, Nhấp vào biểu tượng tệp ở trên cùng bên trái của cửa sổ, sau đó nhấp vào mới, bạn sẽ thấy tệp mới “Không có tiêu đề”.
Bước 4: Lưu dưới dạng.. tệp
Nhấp chuột phải vào tệp này 'không có tiêu đề', nhấp vào lưu dưới dạng, sau đó bạn sẽ lưu nó vào ổ đĩa
tại thời điểm này, bạn có thể đặt bất kỳ tên nào cho tệp, chỉ cần đảm bảo sau tên để thêm “.html” (chấm html).
Bước 5: Bắt đầu với thẻ DOCTYPE
Mọi trang html phải bắt đầu bằng thẻ cấu trúc sau Nó cho trình duyệt biết ‘các quy tắc cần tuân theo’ khi hiển thị một trang HTML.
Bước 6: Thẻ HTML
và - những thẻ đó là để bắt đầu và kết thúc một tài liệu.
Bước 7: Thẻ Head và Body
Ở giữa các thẻ html, hãy viết và, nơi nó chứa nội dung "hậu trường". Ngoài ra, viết và nơi nó chứa văn bản, hình ảnh, video, âm thanh, v.v.
Bước 8: Thẻ meta
Ở giữa các thẻ, hãy viết nơi nó cung cấp thông tin như cụm từ công cụ tìm kiếm hoặc mã hóa ký tự.
Bước 9: Thẻ tiêu đề
Ở giữa các thẻ, dưới, viết và. Vì vậy, bất cứ thứ gì bạn viết ở giữa, bạn sẽ thấy nó ở đầu cửa sổ trình duyệt và thẻ này rất quan trọng đối với công cụ tìm kiếm. Ví dụ: tôi sẽ viết “WRD 204”
Bước 10: Thêm đoạn văn bằng thẻ P
Ở giữa viết bất kỳ thông tin nào bạn muốn được xem trên trang web, chẳng hạn như hình ảnh, âm thanh, video và đoạn văn, ví dụ của tôi, tôi sẽ viết một đoạn văn bằng cách sử dụng các thẻ này cho đoạn văn:
và.
Bước 11: Xem kết quả của bạn
Để xem kết quả của bạn: trước tiên nhấp chuột phải vào tệp và nhấp vào “lưu” thay vì nhấp vào biểu tượng “xem trước trực tiếp” ở góc trên cùng bên phải.
Lưu ý: - bất cứ khi nào bạn thực hiện thay đổi và muốn xem kết quả, trước tiên, bạn phải lưu tệp, bạn có thể sử dụng phím tắt “Ctrl + S”
Bước 12: Thay đổi định dạng
Nếu bạn muốn thay đổi kích thước của định dạng văn bản, hãy sử dụng tiêu đề lớn nhất hoặc nhỏ nhất. Trong ví dụ của tôi, tôi sẽ sử dụng.
Bước 13: Thẻ ngắt dòng đơn / đôi
Nếu bạn muốn ngắt dòng đơn / kép giữa các đoạn, hãy sử dụng thẻ
Bước 14: Kết luận
Xin chúc mừng! bây giờ bạn có thể bắt đầu xây dựng trang web của riêng bạn.
Nếu bạn muốn biết thêm về Thẻ HTML, tôi giới thiệu trang web này