Mục lục:

Cách tạo một trang web cơ bản bằng Notepad: 4 bước
Cách tạo một trang web cơ bản bằng Notepad: 4 bước

Video: Cách tạo một trang web cơ bản bằng Notepad: 4 bước

Video: Cách tạo một trang web cơ bản bằng Notepad: 4 bước
Video: Tự học HTML và code ra cái web đơn giản trong 15 phút 2024, Tháng mười một
Anonim
Cách tạo một trang web cơ bản bằng Notepad
Cách tạo một trang web cơ bản bằng Notepad

Có ai thắc mắc không

"làm cách nào để tạo một trang web từ một chương trình viết cơ bản?"

Rõ ràng là không cụ thể…

Dù sao, ở đây tôi sẽ chỉ cho bạn cách tạo một trang web CƠ BẢN chỉ sử dụng notepad.

Quân nhu

Đối với dự án này, bạn sẽ cần:

-một bộ não lớn

-sổ tay

-có thể là một bảng gian lận lệnh HTML và CSS

-rất kiên nhẫn

Bước 1: Bắt đầu

Bắt đầu
Bắt đầu

Mở notepad. Trên thực tế, hãy mở nó hai lần. Bạn sẽ mã hóa 2 tệp cùng một lúc.

Bây giờ, hãy lưu cả hai tệp. Một sẽ là [tên tệp].html và một sẽ là [tên tệp].css

Bước 2: Thiết lập tệp HTML

Thiết lập tệp HTML
Thiết lập tệp HTML

Trên tệp HTML, viết trên dòng đầu tiên "" bỏ qua một dòng

dòng 2 -

dòng 3 - [tên trang]

dòng 4 -

dòng 5 -

bỏ qua một dòng

dòng 6 -

dòng 7 -

[những gì bạn muốn trên dòng đầu tiên. đây là văn bản thông thường.]

dòng 8 -

dòng 9 -

Bây giờ, hãy chỉnh sửa nơi tôi đặt tin nhắn trong

GIẢI TRÌNH - - -

cho biết sự bắt đầu của mã.

cho biết phần bắt đầu của tiêu đề.

cho biết những gì sẽ hiển thị trên tên tab

+ mã khác trong liên kết sẽ liên kết biểu định kiểu css với html cho các kiểu.

kết thúc câu lệnh.

kết thúc câu lệnh tiêu đề

cho biết phần bắt đầu của văn bản / mã nội dung

là phần bắt đầu của đoạn văn bản sẽ hiển thị khi bạn chạy mã html.

bạn đoán nó. nó kết thúc các câu lệnh nội dung

biểu thị sự kết thúc của mã.

Bước 3: Thiết lập tệp CSS

Thiết lập tệp CSS
Thiết lập tệp CSS

trên dòng đầu tiên của tệp CSS, đặt (@charset "utf-8";)

dòng 2 - nội dung

dòng 3 {background: [những gì bạn muốn làm màu nền]

dòng 4 -}

dòng 5 - h1 {

dòng 6 - font-family: bold

dòng 7 -}

Bạn có thể thêm nhiều biến hơn và thay đổi ghi chú của tôi giữa

Bước 4: Vâng, đó là nó

Vâng, đó là nó
Vâng, đó là nó

Nếu muốn, bạn có thể sử dụng hướng dẫn tốt hơn như "Kiến thức cơ bản về thiết kế web" của vishalapr

www.instructables.com/Web-Designs-Basics…

Ngoài ra, hãy cẩn thận rằng notepad không hiển thị cho bạn mã của bạn bị sai ở đâu.

Đó là lý do tại sao phần mềm mã hóa trang web được khuyến khích.

Đề xuất: