Cách Thụt Lề Html

Mục lục:

Cách Thụt Lề Html
Cách Thụt Lề Html

Video: Cách Thụt Lề Html

Video: Cách Thụt Lề Html
Video: HTML - Sử dụng thẻ Div bố cục đơn giản 2024, Có thể
Anonim

Ngôn ngữ đánh dấu HTML chịu trách nhiệm hiển thị văn bản và nội dung trang khác trong cửa sổ trình duyệt. Sử dụng các công cụ tiêu chuẩn, bạn có thể thay đổi giao diện của trang, thêm thụt lề và định dạng đoạn văn.

Cách thụt lề html
Cách thụt lề html

Hướng dẫn

Bước 1

Để tạo thụt lề đoạn văn, bạn có thể sử dụng việc đưa CSS vào mã HTML, điều này sẽ cho phép tinh chỉnh nhiều hơn. Để làm điều này, trong thẻ đoạn văn

bao gồm tùy chọn thụt lề văn bản:

Đoạn văn bản

Đoạn mã này tạo ra một đoạn văn được thụt vào 15 pixel từ phía bên trái của màn hình.

Bước 2

Bạn có thể điều chỉnh phần đệm bằng cách tạo bảng và áp dụng các tham số phần đệm và khoảng cách ô. Thuộc tính đầu tiên xác định khoảng cách từ nội dung đến đường viền của ô và cellspacing sẽ giúp điều chỉnh khoảng cách giữa các ô. Để tắt hiển thị đường viền bảng, hãy sử dụng tham số đường viền bằng 0:

Nội dung ô

Mã này sẽ tạo một bảng có chiều cao và chiều rộng là 100 pixel và khoảng cách 5 pixel từ cạnh của ô. Bằng cách thử nghiệm với các tùy chọn này, bạn có thể đạt được sự liên kết tối ưu cho đoạn văn bản mong muốn.

Bước 3

Bộ mô tả, tạo một khối với các tham số nhất định, cũng sẽ giúp đặt khoảng cách cần thiết giữa các phần tử. Nó có thể được sử dụng để tăng thụt lề giữa các đoạn văn:

Bước 4

Bạn cũng có thể sử dụng bất kỳ hình ảnh trong suốt nào để thụt lề, tốt nhất là ở định dạng

Sau khi thực hiện lệnh này, trình duyệt sẽ chèn một hình ảnh trong suốt mà người dùng sẽ không nhìn thấy được, đồng thời sẽ tạo ra khoảng trống cần thiết.

Đề xuất: