Cách định dạng trang web

Một trang web hiệu quả phải truyền tải nội dung đến người đọc thông qua định dạng hấp dẫn. Định dạng kém có thể làm cho một trang web không hấp dẫn hoặc thậm chí không thể đọc được. Với Ngôn ngữ đánh dấu siêu văn bản (HTML), bạn có thể kiểm soát định dạng của trang web để nó xuất hiện chính xác như bạn muốn. Hơn nữa, Cascading Style Sheets (CSS) cho phép bạn định dạng trang web bằng cách sử dụng biểu định kiểu bên ngoài. Kỹ thuật này rất hữu ích nếu bạn muốn áp dụng cùng một kiểu cho nhiều trang trong trang web của mình.

Định dạng HTML

Tạo các bảng để định vị các yếu tố khác nhau của trang Web của bạn. Sử dụng một

thẻ để bắt đầu bảng chính nó. Sử dụng một thẻ để bắt đầu một hàng của bảng và

thẻ để tạo một ô dữ liệu bảng trong hàng. Các ô dữ liệu bảng thường có thể được coi là các cột của bảng. Để định vị đầy đủ các yếu tố của bạn, hãy thử nghiệm các tham số chiều cao, chiều rộng, phần đệm và khoảng cách của các hàng và ô dữ liệu riêng lẻ.

Thêm hiệu ứng văn bản và kiểu chữ trong thẻ cho các thành phần có chứa văn bản. Ví dụ: nếu bạn muốn định dạng văn bản trong phần tử đoạn văn:

Điều này sẽ hiển thị nội dung của đoạn văn trong phông chữ Comic Sans.

Thêm một nền cho toàn bộ trang web của bạn trong thẻ, bằng cách sử dụng thuộc tính bgcolor. Ví dụ:

Điều này làm cho nền của toàn bộ trang có màu hồng.

CSS và Bảng định kiểu bên ngoài

Mở một tài liệu văn bản mới trong Notepad.

Định dạng từng yếu tố trong tài liệu mới của bạn. Sử dụng thẻ phần tử theo sau là dấu ngoặc mở để giới thiệu kiểu cho phần tử đó. Ví dụ:

p {

phông chữ gia đình: "truyện tranh sans ms";

màu nền :: # CC3366;

}

Mỗi đoạn trong tài liệu HTML của bạn sẽ có phông chữ Comic Sans và có màu nền hoa hồng.

Sử dụng ID hoặc lớp nếu bạn muốn giới thiệu các kiểu sẽ được sử dụng trên nhiều loại phần tử khác nhau hoặc trong các trường hợp riêng lẻ. ID chỉ có thể được sử dụng một lần và được giới thiệu bằng biểu tượng "#". Một lớp có thể được sử dụng nhiều lần và được ký hiệu là "." ký hiệu. Ví dụ:

comicrose {

phông chữ gia đình: "truyện tranh sans ms";

màu nền :: # CC3366;

}

Lớp này cho phép bạn tạo kiểu cho một phần tử với Comic Sans và nền hoa hồng bất cứ nơi nào bạn gọi lớp của nó. Ví dụ: trong mã HTML cho trang của bạn,

phong cách một đoạn văn như mô tả.

Liên kết đến một biểu định kiểu bên ngoài trong phần mã HTML của bạn. Ví dụ:

Liên kết này đến một biểu định kiểu bên ngoài được gọi là pageststyle.css.