Cách dễ nhất để phân chia một trang web

Để xây dựng một trang Web sạch sẽ, có tổ chức, dễ đọc, hãy tuân thủ những điều cơ bản. HTML 5 và CSS 3 có thể nhận được tất cả báo chí, nhưng các yếu tố HTML cơ bản như tiêu đề, đoạn văn và một vài bảng được đặt tốt có thể phân chia một trang hiệu quả để truyền đạt thông điệp của bạn. Dưới đây là một vài thẻ dễ dàng, hữu ích để giúp tổ chức một trang web.

Tiêu đề

Các tiêu đề, trong một loạt các kích cỡ, thu hút người đọc và hướng người đọc đến thông tin họ muốn đọc. Bắt đầu với một tiêu đề chính bằng cách sử dụng

hoặc là

thẻ:

Chào mừng đến với trang web của tôi

Sử dụng các tiêu đề cấp thấp hơn để chia trang web theo chiều dọc thành các phần. Giới hạn các tiêu đề ở hai hoặc ba kích cỡ, từ

đến

và không quá ba hoặc bốn phần.

Đoạn văn

Sử dụng đoạn văn

thẻ để chia văn bản thành các phần như sau:

Đoạn văn bản đầu tiên

Đoạn văn bản thứ hai

Giữ các đoạn nhỏ và súc tích. Các trình đọc Web điển hình nhanh chóng quét nội dung, vì vậy hãy đến điểm của bạn trong một hoặc hai câu đầu tiên trước khi chúng chán và nhấp vào một liên kết khác.

Hình ảnh

Một vài hình ảnh được đặt tốt cũng giúp chia trang thành các phần hợp lý. Định hướng khác nhau trái và phải để chia trang. Nếu có thể, chuyển đổi tiêu đề thành hình ảnh để thêm phong cách và đa dạng. Hình ảnh cũng hoạt động tốt để thay thế các liên kết và nút.

Những cái bàn

Sử dụng các bảng đơn giản để chia trang theo chiều ngang. Một bảng duy nhất, được đặt sau tiêu đề, sẽ phân chia trang thành hai hoặc ba phần một cách hiệu quả. Sử dụng mã HTML sau:

Nội dung cột bên trái đi vào đây

Nội dung trung tâm đi đến đây.

Đúng nội dung ở đây

Bảng điền vào trang với một cột bên trái chiếm 20 phần trăm của trang, một cột bên phải lấy thêm 20 phần trăm và cột ở giữa. Đảm bảo ghi nhớ thuộc tính valign để mỗi cột bắt đầu ở trên cùng và chảy xuống. Quên thuộc tính này và nội dung sẽ được sắp xếp theo chiều dọc với trung tâm của trang. Thêm nội dung và sau đó điều chỉnh độ rộng cột cho đến khi bản trình bày trông đúng.

Đường và Biên giới

Một quy tắc ngang, được mã hóa là "

"không có dấu ngoặc kép hoặc đường viền quanh bảng có thể nhấn mạnh một phần ngắt hoặc vẽ mắt vào một khối văn bản. Sử dụng một cách tiết kiệm và giữ độ rộng dòng tối đa đến hai hoặc ba điểm. Thử nghiệm với các yếu tố này để xem liệu chúng có thêm hoặc bớt đi không từ bài thuyết trình.

Khoảng trắng

Các dòng và cột trống thường phân chia một trang tốt hơn tất cả các định dạng khác. Ngắt dòng, được mã hóa là "

"không có dấu ngoặc kép, đoạn văn trống, được mã hóa thành các thẻ tự đóng là"

"không có dấu ngoặc kép và các cột trong bảng trống tách văn bản và làm cho bố cục dễ chịu hơn với người đọc. Không gian trống chiếm ít băng thông và thực sự là cách đơn giản nhất để phân chia một trang.