Tạo danh sách sản phẩm trong HTML
Phần tử danh sách (list) được sử dụng rất thường xuyên trong một tài liệu web bằng HTML. Trong một trang web thường người ta sử dụng các phần tử danh sách rất nhiều, chẳng hạn như menu, danh sách những thông tin nào đó,vvđều được tạo ra bởi các thẻ tạo danh sách trong HTML. Trong HTML có bakiểu danh sách (list type) đó là kiểu sắp xếp (ordered list), kiểu không sắp xếp (unordered list) và kiểu danh sách mô tả (description list). Cụ thể:
Dưới đây là hình ảnh sự khác nhau giữa ba kiểu danh sách do W3School mô tả: Ordered ListĐể khai báo một danh sách với kiểu được sắp xếp, bạn phải bắt đầu bằng cặp thẻ Xem ví dụ: http://codepen.io/thachpham92/pen/QwPewe/ Thẻ
Unordered ListGiống như Ordered List, kiểu danh sách Unordered List sẽ bắt đầu bằng cặp thẻ Xem ví dụ: http://codepen.io/thachpham92/pen/wBZVvO/ Bạn cũng có thể thay đổi kiểu hiển thị của thẻ
Description ListVới kiểu danh sách này thì cách viết thẻ hơi khác một tí, đó là nó sẽ bắt đầu danh sách bằng cặp thẻ Xem ví dụ: http://codepen.io/thachpham92/pen/zxXgxo/ Xếp chồng danh sáchTrong HTML, bạn có thể tiến hành xếp chồng một danh sách vào nhiều tầng bằng cáchlồng thêm một danh sách nữa vào cặp thẻ Xem ví dụ: http://codepen.io/thachpham92/pen/ogOKgo/ Lời kếtQuá dễ dàng để khai báo phần tử danh sách trong HTML phải không nào? Vốn dĩ HTML luôn dễ dàng như vậy mà. Cố gắng lên nào, chỉ còn vài phần tử quan trọng nữa thôi là bạn đã thành chuyên gia HTML rồi. 4.7/5 - (3 bình chọn) Xem tiếp bài trong seriePhần trước: [Học HTML] Các thẻ định dạng chữ viết và văn bảnPhần kế tiếp: [Học HTML] Thẻ tạo liên kết và liên kết neohtmlhtml cơ bảnnewbie |