Li có phải là phần tử nội tuyến trong HTML không?
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque mollis nisl, vel posuere nulla convallis non Show Aenean lacus ligula, suscipit a id diềm, laoreet nec tortor. Fusce pharetra interdum mauris quis mollis HTML được tạo thành từ các thành phần khác nhau hoạt động như các khối xây dựng của trang web. Với mục đích tạo kiểu, các phần tử được chia thành hai loại. phần tử cấp khối và phần tử nội tuyến Tóm lại, phần tử Sự khác biệt giữa hai yếu tố là một khái niệm thường bị hiểu lầm về thiết kế web nhưng nó không nhất thiết phải như vậy. Về cơ bản, một phần tử trong dòng không gây ngắt dòng (bắt đầu trên một dòng mới) và không chiếm toàn bộ chiều rộng của trang, chỉ khoảng trống được giới hạn bởi thẻ mở và thẻ đóng của nó. Nó thường được sử dụng trong các phần tử HTML khác Các ví dụ khác về các yếu tố nội tuyến là Phần tử cấp khối luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng của trang, từ trái sang phải. Phần tử cấp khối có thể chiếm một dòng hoặc nhiều dòng và có ngắt dòng trước và sau phần tử Các ví dụ khác về thẻ cấp độ khối là Phần tử Phần tử Hiểu được sự khác biệt giữa hai yếu tố này cho phép bạn hiểu rõ hơn về cấu trúc của một trang web và cách nó được hiển thị Theo mặc định, các phần tử cấp khối chiếm nhiều dung lượng nhất có thể. Mỗi phần tử cấp độ khối sẽ bắt đầu một dòng mới trên trang, xếp chồng lên trang. Ngoài việc xếp chồng lên nhau theo chiều dọc, các thành phần cấp độ khối cũng sẽ chiếm nhiều không gian theo chiều ngang nhất có thể Phần tử Ví dụ về các phần tử cấp khối Các phần tử nội tuyến hiển thị trong một dòng. Họ không buộc văn bản sau họ vào một dòng mới Một neo (hoặc liên kết) là một ví dụ về phần tử nội tuyến. Bạn có thể đặt một số liên kết trong một hàng và chúng sẽ hiển thị trên một dòng Ví dụ về các yếu tố nội tuyến An emphasized paragraph. Another emphasized paragraph. Cách một phần tử hoạt động khi được tạo kiểu bằng CSS sẽ thay đổi dựa trên chế độ hiển thị của một phần tử (khối so với. nội tuyến). Một số thuộc tính CSS phản ứng khác nhau đối với từng loại hiển thị. Chúng ta sẽ tìm hiểu thêm về hành vi này khi chúng ta bắt đầu sắp xếp các trang trong CSS Hiện tại, hãy nhớ điều này Ví dụ: bạn không thể bọc một An emphasized paragraph. Another emphasized paragraph. An emphasized paragraph. Another emphasized paragraph. HTML5 tạo một ngoại lệ đáng hoan nghênh cho quy tắc này. Bây giờ bạn có thể bọc các liên kết xung quanh các phần tử cấp khối. Một ví dụ làm rõ điều này Người ta thường đánh dấu tên của trang web bằng logo và dòng thẻ, đại loại như thế này Eat first, talk later. Thông thường, mỗi trong số này cũng sẽ liên kết đến trang chủ. Trước đây, bạn sẽ đánh dấu từng thành phần cấp độ khối bằng một liên kết |
