Mục lục:

Cách tạo một trang web đơn giản bằng cách sử dụng dấu ngoặc cho người mới bắt đầu: 14 bước
Cách tạo một trang web đơn giản bằng cách sử dụng dấu ngoặc cho người mới bắt đầu: 14 bước

Video: Cách tạo một trang web đơn giản bằng cách sử dụng dấu ngoặc cho người mới bắt đầu: 14 bước

Video: Cách tạo một trang web đơn giản bằng cách sử dụng dấu ngoặc cho người mới bắt đầu: 14 bước
Video: [HTML] 01 - HTML Cơ bản - 30 phút tạo trang web đủ nội dung 2024, Tháng mười một
Anonim
Cách tạo một trang web đơn giản bằng cách sử dụng dấu ngoặc cho người mới bắt đầu
Cách tạo một trang web đơn giản bằng cách sử dụng dấu ngoặc cho người mới bắt đầu

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 phần mềm
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ở ngoặc
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

Tạo một tệp mới
Tạo một 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

Lưu dưới dạng.. tệp
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

Bắt đầu với thẻ DOCTYPE
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

Thẻ HTML
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

Thẻ Head và Body
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

Thẻ meta
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 đề

Thẻ tiêu đề
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

Thêm đoạn văn bằng thẻ P
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
Xem kết quả của bạn
Xem kết quả của bạn
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

Thay đổi định dạng
Thay đổi định dạng
Thay đổi định dạng
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

Thẻ ngắt dòng đơn / đôi
Thẻ ngắt dòng đơn / đôi
Thẻ ngắt dòng đơn / đôi
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

Đề xuất: