Danh sách HTML và danh sách đánh số

Trong HTML, có hai loại danh sách: được đánh số và không có số. Sáng tạo của họ gần như giống nhau. Ngay cả các thẻ khác nhau bởi một nhân vật. Bạn cũng có thể tạo nhiều danh sách đa cấp, có thể bao gồm cả danh sách đánh số và đánh dấu.

Những danh sách này có thể được chuyển đổi theo ý muốn. Tất cả phụ thuộc vào trí tưởng tượng của bạn. Trước tiên, chúng ta sẽ xem xét các danh sách chuẩn, giống như trong trình soạn thảo Word, và sau đó chúng ta sẽ cải tiến chúng và vượt ra ngoài sự công nhận.

Danh sách HTML được đánh số

Danh sách HTML được đánh số thông thường có thể được tạo bằng các thẻ sau:

1. Mục đầu tiên trong danh sách

2. Mục thứ hai trong danh sách

3. Mục thứ ba trong danh sách

   Danh sách đơn giản như sau

   Theo các tiêu chuẩn, mỗi mục trong danh sách phải nằm bên trong thẻ mở và đóng li. Nhưng nếu bạn không đặt thẻ đóng, kết quả sẽ giống hệt nhau. Bộ xử lý rất thông minh. Trong quá trình chuyển đổi danh sách, nó phân tích các thẻ mở. Nếu anh ta nhìn thấy

4. mới, anh ta sẽ tự động đặt trước anh ta.

   Do đó, các danh sách có thể được thực hiện như hình dưới đây.

   Nhưng từ quan điểm của các chuyên gia này là không chính xác.

   Danh sách các mục đầu dòng

   Các danh sách không được sắp xếp (hoặc marker) được tạo ra theo cùng một cách, chỉ thay vì thẻ ol, ul được viết.

   Trong các danh sách có dấu đầu dòng không có con số hoặc chữ cái - chỉ có các ký hiệu khác nhau được gọi là dấu hiệu.

   Danh sách HTML có nhiều cấp bậc

   Nhiều người dùng quan tâm đến khả năng này. Vì vậy, cần lưu ý rằng bất kỳ danh sách đánh số của HTML có thể được thực hiện nhiều cấp. Mức bổ sung có thể giống nhau hoặc được đánh dấu.

   Để tạo danh sách được chỉ định trong ví dụ trên, bạn cần phải viết những điều dưới đây.

   Lưu ý rằng trong đoạn mã này, không giống như các ví dụ đầu tiên, thuộc tính type được thêm vào. Nhờ đó, bạn có thể chỉ định loại phân loại cho cả danh sách đánh số và đánh dấu.

   Đối với số chúng tôi chỉ ra bảng chữ cái hoặc loại chữ số, và đối với các trường hợp khác - loại đánh dấu.

   Liệt kê các lựa chọn

   Nếu bạn sử dụng một thẻ HTML đặc biệt, danh sách được đánh số có thể là bất cứ thứ gì bạn muốn.

   Bạn có thể chỉ định thuộc tính type với bất kỳ giá trị nào từ bảng. Hoặc trong lớp phong cách css, chỉ định danh sách kiểu kiểu với kiểu sắp xếp mong muốn.

   Việc dịch các giá trị là khá đơn giản. Đủ kiến thức cơ bản về tiếng Anh. Nhưng ngay cả khi bạn không thể dịch được từ "vòng tròn", "hình vuông", v.v thì bạn có thể trực quan hiểu kết quả sẽ là gì khi bạn chỉ định các giá trị này trong thuộc tính loại.

   Đối với các danh sách được đánh số, bạn cần phải sử dụng các tùy chọn sau:

   • 1 - Các chữ số Ả-rập;
   • A - vốn chữ Latin ;
   • A - chữ cái chữ cái Latinh;
   • I - chữ số La Mã;
   • I - chữ số La Mã chữ thường.

   Theo mặc định, một danh sách với chữ số Ả Rập luôn được sử dụng . Nghĩa là, nếu bạn không chỉ định bất cứ điều gì, điều này tương đương với type = "1".

   Ngoài ra, danh sách được đánh số có thể được bắt đầu từ bất kỳ vị trí mong muốn. Theo mặc định - đầu ra từ 1. Nhưng nếu bạn muốn, bạn có thể bắt đầu với ít nhất một trăm. Để làm điều này, bạn phải chỉ định thuộc tính bắt đầu với bất kỳ giá trị nào.

   Ngoài ra, có thể suy luận theo thứ tự ngược lại. Để làm điều này, viết ngược lại.

   Đăng ký danh sách

   Danh sách số của HTML có thể được thiết kế rất đẹp mà bạn không thể đoán ngay đây là danh sách bình thường, chứ không phải là một bức tranh được tạo ra trong Photoshop.

   Đây là những ví dụ về danh sách đẹp.

   Như bạn thấy từ ví dụ, bạn có thể thay đổi sự xuất hiện của việc đánh số và các phần tử.

   Bạn có thể tạo một danh sách bình thường như thế này.

   Trong các kiểu css, bạn cần chỉ định bố cục cho các thẻ ol. Lưu ý rằng trong trường hợp này, cài đặt sẽ được áp dụng cho tất cả các danh sách của toàn bộ trang web nơi định kiểu này được sử dụng.

   Đầu tiên hãy xem xét lựa chọn với một thiết kế tròn của danh sách. Quay lại mã danh sách. Có một danh sách tròn quanh lớp. Đó là nó với lớp học này bạn cần phải chà đạp để làm cho một vẻ đẹp. Bạn có thể đặt tên cho lớp theo ý muốn.

   Bây giờ hãy xem xét thiết kế hình vuông.

   Styles rất giống nhau. Sự khác biệt là trong trường hợp đầu tiên, phần tử được làm tròn bằng các tính năng của css.

   Hỗ trợ trình duyệt

   Điều quan trọng là phải hiểu rằng không phải tất cả các trình duyệt hỗ trợ tất cả các thuộc tính css.

   Ví dụ, bạn muốn làm một danh sách đánh số nằm ở giữa. Mã HTML sẽ giống nhau, nhưng kết quả trong các trình duyệt cũ hơn có thể khác hoàn toàn.

   Cũng vậy với việc đăng ký số.

   Như bạn thấy, các hình vuông xung quanh các con số trong các phiên bản IE cũ hơn của trình duyệt đã không xuất hiện, vì trình xử lý không biết các thuộc tính mới làm cho nó có thể làm điều này.

   Một nhà thiết kế web chuyên nghiệp nên biết trước và hiểu rằng không phải tất cả người dùng đều sử dụng máy tính hiện đại. Không phải ai cũng có Windows 7, 8, 10. Có một tỷ lệ người dùng vẫn ngồi trên Windows XP và sử dụng các phiên bản cũ của trình duyệt Internet Explorer.

   Theo nguyên tắc, gần như tất cả các cải tiến thiết kế hiện đại của các yếu tố không được hỗ trợ bởi chúng. Người sử dụng sẽ cảm thấy rằng thiết kế của trang web đã không làm việc ở tất cả. Mọi thứ đã chuyển động. Các yếu tố chạy vào nhau. Để tránh điều này, bạn cần phải tính toán tất cả các tùy chọn.

   Một số quản trị web đã nhắm mắt làm ngơ với họ, vì thị phần của họ trong thị trường hiện tại đang ngày càng nhỏ đi. Nhưng đối với một chuyên gia mỗi khách truy cập là rất quan trọng, đặc biệt nếu nó là một trang web thương mại.

   Làm điều gì đó phù hợp với mọi người hoặc xem xét tất cả các biến thể của trình duyệt.