Danh sách HTML có dấu đầu dòng và đánh số. Danh sách trong HTML - danh sách có dấu đầu dòng - danh sách được đánh số - danh sách định nghĩa - danh sách lồng nhau trong HTML

Trong ngôn ngữ đánh dấu HTML, có 3 loại danh sách - danh sách có thứ tự (đánh số), không có thứ tự (không đánh số) và danh sách định nghĩa.

Để xây dựng một danh sách như vậy, bạn cần có 2 loại phần tử: ‘ul’ (viết tắt của danh sách không có thứ tự, tức là danh sách không có thứ tự) và ‘li’ (phần tử danh sách). Mọi thứ được viết bên trong 'li' đều được đánh dấu bằng điểm đánh dấu.

Sự xuất hiện của một danh sách như vậy có thể được kiểm soát bằng cách chỉ định các loại điểm đánh dấu.

Các loại điểm đánh dấu

Có một thuộc tính loại đặc biệt được đặt trong cả hai thành phần danh sách. Đây là loại điểm đánh dấu của bạn. Chỉ có 3 loại: hình tròn, hình đĩa và hình vuông:

- quảng trường
- đĩa
- đường tròn

Tùy thuộc vào nơi bạn chỉ định loại điểm đánh dấu, bạn có thể thay đổi nó cho toàn bộ danh sách hoặc cho một thành phần cụ thể.

Danh sách được yêu cầu

Để xây dựng danh sách, bạn cũng cần 2 phần tử: ‘ol’ và ‘li’ (phần tử danh sách). Điểm đánh dấu được thay thế bằng số bằng dấu chấm. Ví dụ về một danh sách đơn giản:

1. phần tử đầu tiên
2. phần tử thứ hai
3. phần tử cuối cùng

Bạn có thể kiểm soát sự xuất hiện của danh sách có thứ tự bằng cách chỉ định các kiểu đánh số khác nhau.

Các kiểu đánh số

Có một thuộc tính loại đặc biệt được đặt trong phần tử 'ol' hoặc 'li'. Đây là loại danh sách của bạn. Tổng cộng có 5 loại:

- Đánh số bằng chữ số Ả Rập (1, 2, 3)
- Đánh số bằng chữ in hoa (A, B, C)
- Đánh số bằng chữ thường (a, b, c)
- Đánh số bằng chữ số La Mã lớn (I, II, III)
- Đánh số bằng chữ số La Mã nhỏ (i, ii, iii)
- Bắt đầu đánh số từ số nào?

Tùy thuộc vào nơi bạn chỉ định kiểu đánh số, bạn có thể thay đổi kiểu đánh số đó cho toàn bộ danh sách hoặc cho một phần tử cụ thể.

Danh sách định nghĩa

Một danh sách các định nghĩa đã được phát triển cho các mục từ điển.

Có một vùng chứa chung 'dl'. Bên trong nó là ‘dt’ (termin định nghĩa) và ‘dd’ (mô tả định nghĩa). Ví dụ đơn giản nhất:

Bộ phận tiếp thị

Bộ phận này tham gia vào việc quảng bá hàng hóa và dịch vụ

Bộ phận tài chính

Bộ phận này xử lý tất cả các giao dịch tài chính

Tất cả các phần tử của tất cả các danh sách đều là phần tử khối. Nhưng chỉ có thể đặt các phần tử nội tuyến bên trong phần tử 'dt'. Bạn có thể đặt bất cứ thứ gì bạn muốn vào phần tử 'dd' và 'li'. Đây là nơi các danh sách lồng nhau xuất phát.

Lồng nhau (danh sách hỗn hợp)

Đây là các danh sách đa cấp, trong đó có hệ thống phân cấp. Thông thường những danh sách như vậy được sử dụng khi xây dựng sơ đồ trang web. Ví dụ:

Danh sách hỗn hợp

TIN TỨC TRONG NGÀY

Hôm nay trời mưa

Trời sẽ mưa cả ngày

TIN TỨC ĐÊM

Trời sẽ mưa vào ban đêm

Ngày mai một ngày mới sẽ bắt đầu

Một loại danh sách khác được triển khai trong HTML là danh sách được đánh số. Ngược lại, danh sách HTML thuộc loại này được gọi là có thứ tự. Họ thường được sử dụng như một bản dịch chính thức của tên của thẻ tương ứng

, với sự trợ giúp của danh sách loại này được sắp xếp trong tài liệu HTML (OL - Danh sách có thứ tự, danh sách có thứ tự).

Danh sách loại này thường là một chuỗi các phần tử riêng lẻ được sắp xếp theo thứ tự. Sự khác biệt so với danh sách có dấu đầu dòng là trong danh sách đánh số, mỗi phần tử tự động được đặt trước một số sê-ri. Kiểu đánh số phụ thuộc vào trình duyệt và có thể được đặt theo tham số của thẻ danh sách. Mặt khác, việc triển khai danh sách đánh số rất giống với việc triển khai danh sách dấu đầu dòng.

Thẻ

Và

Để tạo danh sách được đánh số, bạn nên sử dụng thẻ vùng chứa, bên trong chứa tất cả các thành phần của danh sách. Các thẻ danh sách mở và đóng cung cấp ngắt dòng trước và sau danh sách, từ đó tách danh sách khỏi nội dung chính của tài liệu.

Giống như danh sách có dấu đầu dòng, mỗi mục trong danh sách đánh số phải bắt đầu bằng thẻ

1. .

   Dưới đây là ví dụ về tài liệu HTML sử dụng danh sách được đánh số: hiển thị trong đó trình duyệt được hiển thị trong hình. 2.3.

   Những ngôi sao sáng nhất có thể nhìn thấy từ Trái đất:

   • Sirius

   • K anopus

   • Arcturus

   • Alpha Nhân Mã

   • Sao Chức Nữ

   • K tên gọi

   • Rigel

   • Procyon

   • Achernar

   • Beta Nhân Mã

   • Wetelgeuse

   • Aldebaran

   • Mizar

   • Cực

   Cơm. 2.Z. Danh sách đánh số

   Trong thẻ

   Các tham số sau có thể được chỉ định: COMPACT, TYPE và START.

   Tham số COMPACT có cùng ý nghĩa với danh sách có dấu đầu dòng. Tham số TYPE được sử dụng để chỉ định kiểu đánh số danh sách. Có thể nhận các giá trị sau:

   TYPE = A - đặt điểm đánh dấu ở dạng chữ Latinh in hoa;

   TYPE = a - đặt các điểm đánh dấu ở dạng chữ Latinh viết thường;

   TYPE = I - đặt điểm đánh dấu ở dạng chữ số La Mã lớn;

   TYPE = i - đặt điểm đánh dấu ở dạng chữ số La Mã nhỏ;

   TYPE = 1 - đặt điểm đánh dấu ở dạng chữ số Ả Rập.

   Giá trị mặc định luôn là TYPE = 1, tức là đánh số bằng chữ số Ả Rập. Điều này cũng áp dụng cho các danh sách được đánh số lồng nhau. Ở đây, không giống như danh sách có dấu đầu dòng, theo mặc định, trình duyệt không đánh số khác nhau ở các cấp độ lồng danh sách khác nhau. Lưu ý rằng sau số phần tử danh sách luôn có thêm dấu “dấu chấm”.

   Tham số TYPE có cùng giá trị có thể được sử dụng để chỉ định kiểu đánh số cho các thành phần danh sách riêng lẻ. Để thực hiện việc này, tham số TYPE có giá trị tương ứng được phép chỉ định trong thẻ thành phần danh sách

   1. .

      Mục nhập ví dụ:

   2. .

      tham số thẻ BẮT ĐẦU

      cho phép bạn bắt đầu đánh số danh sách từ một thứ khác ngoài một. Giá trị của tham số START phải luôn là số tự nhiên, bất kể kiểu đánh số danh sách. Đây là một ví dụ:
      .

      Mục này xác định việc đánh số danh sách bắt đầu bằng chữ cái Latinh viết hoa "E". Đối với các kiểu đánh số khác, mục nhập START=5 sẽ đặt cách đánh số tương ứng từ số "5", chữ số La Mã "V", v.v.

      Việc thay đổi kiểu đánh số danh sách và giá trị số có thể được thực hiện cho bất kỳ phần tử nào của danh sách. Nhãn

      5. đối với danh sách được đánh số, cho phép sử dụng tham số TYPE và VALUE. Tham số TYPE có thể nhận các giá trị giống như đối với thẻ
         .

         Mục nhập ví dụ:

         1. .

            Ghi chú

            Các trình duyệt diễn giải kiểu đánh số cho một mục danh sách riêng lẻ một cách khác nhau. Trình duyệt Netscape thay đổi kiểu đánh số cho phần tử này và tất cả các phần tử tiếp theo cho đến khi gặp lần ghi đè tiếp theo. Internet Explorer chỉ thay đổi hình thức của số cho phần tử này.

            Giá trị của thông số thẻ VALUE

         2. - cho phép bạn thay đổi số lượng của một thành phần danh sách nhất định. Điều này thay đổi cách đánh số của tất cả các phần tử tiếp theo. Một ứng dụng điển hình là danh sách bị thiếu một số thành phần. Một ví dụ về danh sách như vậy đã được đưa ra ở trên (Hình 2.3). Nó cung cấp một danh sách theo thứ tự các ngôi sao sáng nhất, trong đó vị trí thứ 58 và 75 chứa các ngôi sao có thể nhìn thấy rõ ở vĩ độ của chúng ta (Mizar là ngôi sao sáng nhất trong chòm sao Ursa Major và Polaris là ngôi sao sáng nhất trong chòm sao Ursa Minor) .

            Hãy đưa ra một ví dụ ban đầu khác về việc sử dụng các kiểu đánh số khác nhau. Mã HTML bên dưới chứa ba danh sách có cách đánh số khác nhau. Để dễ xem, mỗi danh sách được đặt trong một ô bảng riêng biệt. Cả ba danh sách đều giống hệt nhau và chỉ khác nhau về kiểu đánh số: ở cột đầu tiên của bảng có các chữ số Ả Rập, ở cột thứ hai - chữ số La Mã và ở cột thứ ba, đánh số bằng chữ cái Latinh. Xin lưu ý rằng các thành phần trong danh sách trống, tức là sau bất kỳ thẻ nào

         3. không có dữ liệu. Một ví dụ về loại này có thể được sử dụng làm bảng tương ứng giữa cách viết số bằng chữ số Ả Rập và chữ số La Mã. Hóa ra bất kỳ trình duyệt nào hỗ trợ danh sách đều có thể được sử dụng làm trình tạo bảng như vậy (Hình 2.4), bạn chỉ cần nhập mã HTML đã cho. Đánh số bằng chữ số La Mã hoạt động chính xác đến giá trị 3999. Bằng cách nghiên cứu cột bên phải, bạn có thể hiểu cách đánh số bằng chữ cái La Mã được thực hiện. Khi đã hết việc đánh số một chữ cái (từ A đến Z), số có hai chữ cái đầu tiên sẽ được lấy làm số tiếp theo - AA, v.v.

            
            . . .

            

            Cơm. 2.4. Các kiểu đánh số danh sách HTML khác nhau

            HTML cung cấp một bộ thẻ đặc biệt để trình bày thông tin dưới dạng danh sách. Danh sách là một trong những hình thức trình bày dữ liệu được sử dụng phổ biến nhất, cả trong tài liệu điện tử và in. Hầu như ngày nào chúng ta cũng xem qua các danh sách - đó có thể là danh sách những thứ cần mua trong cửa hàng, học sinh trong lớp hoặc đơn giản là những việc cần phải làm. Khả năng sắp xếp cấu trúc danh sách có sẵn trong nhiều trình soạn thảo văn bản, đặc biệt, trình xử lý văn bản mạnh mẽ Microsoft Word có các công cụ thuận tiện để định dạng danh sách các loại khác nhau (khả năng tạo danh sách HTML bằng Microsoft Word sẽ được thảo luận trong Chương 8). Dưới đây là một số trường hợp việc sử dụng danh sách khá thuận tiện:

            • Kết hợp các phần thông tin thành một cấu trúc duy nhất để tạo ra giao diện dễ đọc.
            • Mô tả các quy trình từng bước phức tạp.
            • Sự sắp xếp thông tin theo kiểu mục lục, với các đoạn văn trỏ đến các phần có liên quan của tài liệu.

            Lưu ý rằng các điểm trên được tổ chức chính xác dưới dạng cấu trúc danh sách.

            HTML cung cấp các loại danh sách chính sau: danh sách có dấu đầu dòng, được đánh số và danh sách định nghĩa. Các thẻ sau được sử dụng để triển khai danh sách các loại khác nhau:

            ,
            ,

            , , . Bằng cách sử dụng nhiều loại danh sách khác nhau được xây dựng trong tài liệu, có thể nhận ra nhiều khả năng khác nhau, mô tả về chúng là chủ đề của chương này. Các tính năng của việc xây dựng các loại danh sách khác nhau cũng như việc sử dụng các danh sách lồng nhau đã được xem xét.

            Danh sách có dấu đầu dòng

            Một trong những loại danh sách được triển khai trong HTML là danh sách có dấu đầu dòng. Ngược lại, danh sách loại này được gọi là không đánh số hoặc

            rối loạn. Họ thường được sử dụng như một bản dịch chính thức của tên của thẻ tương ứng

            , với sự trợ giúp của các danh sách loại này được sắp xếp trong tài liệu HTML (UL - Danh sách không có thứ tự, danh sách không có thứ tự).

            Trong danh sách có dấu đầu dòng, các ký tự đặc biệt được gọi là dấu danh sách được sử dụng để làm nổi bật các phần tử của nó (chúng thường được gọi là dấu đầu dòng, là cách phát âm chính thức của thuật ngữ dấu đầu dòng trong tiếng Anh). Sự xuất hiện của các điểm đánh dấu danh sách được xác định bởi trình duyệt và khi tạo danh sách lồng nhau, trình duyệt sẽ tự động đa dạng hóa hình thức của các điểm đánh dấu ở các cấp độ lồng nhau khác nhau.

            Thẻ

            Và<LI >

            Để tạo danh sách có dấu đầu dòng, bạn phải sử dụng thẻ vùng chứa, bên trong chứa tất cả các thành phần của danh sách. Các thẻ danh sách mở và đóng cung cấp ngắt dòng trước và sau danh sách, do đó tách danh sách khỏi nội dung chính của tài liệu, do đó không cần sử dụng thẻ đoạn văn ở đây

            
            .

            Mỗi thành phần danh sách phải bắt đầu bằng một thẻ

            • (LI – Mục danh sách, phần tử danh sách). Nhãn
            • không yêu cầu thẻ đóng tương ứng, mặc dù về nguyên tắc sự hiện diện của nó không bị cấm. Các trình duyệt thường bắt đầu mỗi mục danh sách mới trên một dòng mới khi hiển thị tài liệu.

              Thông tin được cung cấp đủ để xây dựng một danh sách có dấu đầu dòng cơ bản. Hãy đưa ra một ví dụ về tài liệu HTML sử dụng danh sách có dấu đầu dòng, việc hiển thị danh sách này bằng trình duyệt được hiển thị trong Hình. 2.1.

              Biểu tượng cung hoàng đạo:

              • Bạch Dương

              • chòm sao Kim Ngưu

              • sinh đôi

              • Bệnh ung thư

              • một con sư tử

              • Xử Nữ

              • Quy mô

              • bọ cạp

              • chòm sao Nhân Mã

              • Ma Kết

              • Bảo Bình

              • Cá

              Cơm. 2.1. Trình duyệt hiển thị danh sách dấu đầu dòng

              Lưu ý rằng ngoài các thành phần danh sách được đánh dấu bằng thẻ

            • , các phần tử HTML khác có thể có mặt. Trong ví dụ trên, một trong những phần tử này là văn bản thuần túy, không phải là một mục danh sách mà đóng vai trò là tiêu đề của nó.

              Ghi chú

              Một số sách giáo khoa về ngôn ngữ HTML chỉ ra rằng nên sử dụng thẻ vùng chứa để đặt tiêu đề cho danh sách. (LH - Tiêu đề danh sách, tiêu đề danh sách). Thẻ này hiện không được bất kỳ trình duyệt phổ biến nào nhận dạng và không phải là một phần của đặc tả HTML. Vì vậy, việc sử dụng nó trở nên vô nghĩa, mặc dù nó sẽ không dẫn đến bất kỳ sai sót nào.

              Trong thẻ

              hai tham số có thể được chỉ định: COMPACT và TYPE.

              Tham số COMPACT được viết không có giá trị và được sử dụng để cho trình duyệt biết rằng danh sách đã cho sẽ được hiển thị ở dạng thu gọn. Ví dụ: phông chữ hoặc khoảng cách giữa các dòng danh sách, v.v. có thể bị giảm.

              Ghi chú

              Hiện tại, sự hiện diện của tham số COMPACT trong thẻ

              không ảnh hưởng đến việc hiển thị danh sách trong các trình duyệt hàng đầu. Do đó, việc sử dụng tham số này là vô nghĩa, đặc biệt vì việc sử dụng nó không được đặc tả HTML 4.0 khuyến nghị.

              Tham số TYPE có thể nhận các giá trị sau: đĩa, hình tròn và hình vuông. Tham số này được sử dụng để buộc xuất hiện các dấu đầu dòng trong danh sách. Loại điểm đánh dấu chính xác sẽ phụ thuộc vào trình duyệt bạn đang sử dụng. Các tùy chọn hiển thị điển hình như sau:

              TYPE = đĩa - điểm đánh dấu được hiển thị dưới dạng vòng tròn đầy; TYPE = vòng tròn - điểm đánh dấu được hiển thị dưới dạng vòng tròn mở; TYPE = hình vuông - điểm đánh dấu được hiển thị dưới dạng hình vuông đầy. Mục nhập ví dụ:

              .

              Giá trị mặc định là TYPE = đĩa. Đối với các danh sách có dấu đầu dòng lồng nhau, giá trị mặc định là đĩa ở cấp độ đầu tiên, hình tròn ở cấp độ thứ hai, hình vuông ở cấp độ thứ ba trở lên. Đây chính xác là những gì được thực hiện trong các phiên bản mới nhất của trình duyệt Netscape và Internet Explorer. Xin lưu ý rằng các trình duyệt khác có thể hiển thị điểm đánh dấu khác nhau. Ví dụ: trong đặc tả HTML 4.0, loại điểm đánh dấu được hiển thị khi TYPE = hình vuông được chỉ định làm đường viền hình vuông.

              Tham số TYPE có cùng giá trị có thể được sử dụng để chỉ định loại điểm đánh dấu cho các thành phần danh sách riêng lẻ. Để thực hiện việc này, tham số TYPE có giá trị tương ứng được phép chỉ định trong thẻ thành phần danh sách

              • .

                Mục nhập ví dụ:

              • .

                Ghi chú

                Các trình duyệt diễn giải đặc tả loại dấu đầu dòng cho một mục danh sách riêng lẻ theo cách khác nhau. Trình duyệt Netscape thay đổi giao diện của điểm đánh dấu cho điểm đánh dấu này và tất cả các điểm đánh dấu tiếp theo cho đến khi gặp phải lần xác định lại tiếp theo về diện mạo của điểm đánh dấu. Internet Explorer chỉ thay đổi giao diện của điểm đánh dấu cho phần tử này.

                Đánh dấu danh sách đồ họa

                Bạn có thể sử dụng hình ảnh đồ họa làm dấu đầu dòng danh sách, được sử dụng rộng rãi để tạo các tài liệu HTML được thiết kế đẹp mắt, hấp dẫn. Trên thực tế, khả năng này không được cung cấp trực tiếp bởi ngôn ngữ HTML mà được triển khai một cách giả tạo. Điều này không có nghĩa là làm như vậy không được khuyến khích hoặc đáng chê trách, mà chỉ là không có cấu trúc ngôn ngữ HTML đặc biệt nào được sử dụng ở đây.

                Để hiểu ý tưởng, bạn cần hiểu cơ chế triển khai danh sách trên các trang HTML. Hóa ra thẻ danh sách

                (thực tế là, các thẻ danh sách thuộc các loại khác, được thảo luận bên dưới) thực hiện một tác vụ duy nhất - nó cho trình duyệt biết rằng tất cả thông tin nằm sau thẻ này sẽ được hiển thị dịch sang bên phải (thụt lề) một lượng nhất định. Thẻ
                • , trỏ đến các mục danh sách riêng lẻ, cung cấp các điểm đánh dấu mục danh sách tiêu chuẩn.

                  Nếu chúng ta cần xây dựng một danh sách bằng các điểm đánh dấu đồ họa thì chúng ta có thể thực hiện hoàn toàn mà không cần thẻ

                • . Chỉ cần chèn hình ảnh đồ họa mong muốn trước mỗi thành phần của danh sách là đủ. Vấn đề duy nhất cần giải quyết là tách các thành phần trong danh sách ra khỏi nhau. Bạn có thể sử dụng thẻ đoạn văn cho việc này

                  Hoặc buộc phải cấp dòng
                  . Một ví dụ về việc triển khai danh sách với các điểm đánh dấu đồ họa, cách hiển thị danh sách này được hiển thị trong Hình. 2.2 được thể hiện dưới đây:

                  Biểu tượng cung hoàng đạo:
                  

                  Bạch Dương
                  

                  chòm sao Kim Ngưu
                  

                  Song Tử
                  

                  Bệnh ung thư
                  

                  Sư Tử
                  

                  Xử Nữ
                  

                  Quy mô
                  

                  bọ cạp
                  

                  chòm sao Nhân Mã
                  

                  Ma Kết
                  

                  Bảo Bình
                  

                  Cá

                  

                  Cơm. 2.2. Danh sách có dấu đầu dòng với các dấu đầu dòng đồ họa

                  Trong ví dụ đã cho, tệp đồ họa Green_ball.gif được sử dụng làm điểm đánh dấu mục danh sách. Lưu ý rằng việc sử dụng đồ họa trên các trang HTML có thể làm tăng đáng kể lượng thông tin được truyền đi. Tuy nhiên, trong trường hợp này mức tăng này là cực kỳ không đáng kể. Ở đây, cùng một tệp được sử dụng cho tất cả các điểm đánh dấu,

                  sẽ chỉ được truyền đi một lần. Kích thước file của một hình ảnh nhỏ cũng cực kỳ nhỏ.

                  Ghi chú

                  Các kỹ thuật tạo danh sách bằng dấu đầu dòng đồ họa sẽ được thảo luận lần lượt trong Chương 8.

                  Danh sách đánh số

                  Một loại danh sách khác được triển khai trong HTML là danh sách được đánh số. Ngược lại, danh sách loại này được gọi là có thứ tự. Họ thường được sử dụng như một bản dịch chính thức của tên của thẻ tương ứng

                  , với sự trợ giúp của danh sách loại này được sắp xếp trong tài liệu HTML (OL - Danh sách có thứ tự, danh sách có thứ tự).

                  Danh sách loại này thường là một chuỗi các phần tử riêng lẻ được sắp xếp theo thứ tự. Sự khác biệt so với danh sách có dấu đầu dòng là trong danh sách đánh số, mỗi phần tử tự động được đặt trước một số sê-ri. Kiểu đánh số phụ thuộc vào trình duyệt và có thể được đặt theo tham số của thẻ danh sách. Mặt khác, việc triển khai danh sách đánh số rất giống với việc triển khai danh sách dấu đầu dòng.

                  Thẻ

                  Và

                  1. Để tạo danh sách được đánh số, bạn nên sử dụng thẻ vùng chứa, bên trong chứa tất cả các thành phần của danh sách. Các thẻ danh sách mở và đóng cung cấp ngắt dòng trước và sau danh sách, từ đó tách danh sách khỏi nội dung chính của tài liệu.

                     Giống như danh sách có dấu đầu dòng, mỗi mục trong danh sách đánh số phải bắt đầu bằng thẻ

                  2. .

                     Dưới đây là ví dụ về tài liệu HTML sử dụng danh sách được đánh số: hiển thị trong đó trình duyệt được hiển thị trong hình. 2.3.

                     Những ngôi sao sáng nhất có thể nhìn thấy từ Trái đất:

                     • Sirius

                     • K anopus

                     • Arcturus

                     • Alpha Nhân Mã

                     • Sao Chức Nữ

                     • K tên gọi

                     • Rigel

                     • Procyon

                     • Achernar

                     • Beta Nhân Mã

                     • Wetelgeuse

                     • Aldebaran

                       
                       . . .

                     • Mizar

                       
                       . . .

                     • Cực

                     

                     Cơm. 2.Z. Danh sách đánh số

                     Trong thẻ

                     Các tham số sau có thể được chỉ định: COMPACT, TYPE và START.

                     Tham số COMPACT có cùng ý nghĩa với danh sách có dấu đầu dòng. Tham số TYPE được sử dụng để chỉ định kiểu đánh số danh sách. Có thể nhận các giá trị sau:

                     TYPE = A - đặt điểm đánh dấu ở dạng chữ Latinh in hoa;

                     TYPE = a - đặt các điểm đánh dấu ở dạng chữ Latinh viết thường;

                     TYPE = I - đặt điểm đánh dấu ở dạng chữ số La Mã lớn;

                     TYPE = i - đặt điểm đánh dấu ở dạng chữ số La Mã nhỏ;

                     TYPE = 1 - đặt điểm đánh dấu ở dạng chữ số Ả Rập.

                     Giá trị mặc định luôn là TYPE = 1, tức là đánh số bằng chữ số Ả Rập. Điều này cũng áp dụng cho các danh sách được đánh số lồng nhau. Ở đây, không giống như danh sách có dấu đầu dòng, theo mặc định, trình duyệt không đánh số khác nhau ở các cấp độ lồng danh sách khác nhau. Lưu ý rằng sau số phần tử danh sách luôn có thêm dấu “dấu chấm”.

                     Tham số TYPE có cùng giá trị có thể được sử dụng để chỉ định kiểu đánh số cho các thành phần danh sách riêng lẻ. Để thực hiện việc này, tham số TYPE có giá trị tương ứng được phép chỉ định trong thẻ thành phần danh sách

                     1. .

                        Mục nhập ví dụ:

                     2. .

                        tham số thẻ BẮT ĐẦU

                        cho phép bạn bắt đầu đánh số danh sách từ một thứ khác ngoài một. Giá trị của tham số START phải luôn là số tự nhiên, bất kể kiểu đánh số danh sách. Đây là một ví dụ:
                        .

                        Mục này xác định việc đánh số danh sách bắt đầu bằng chữ cái Latinh viết hoa "E". Đối với các kiểu đánh số khác, mục nhập START=5 sẽ đặt cách đánh số tương ứng từ số "5", chữ số La Mã "V", v.v.

                        Việc thay đổi kiểu đánh số danh sách và giá trị số có thể được thực hiện cho bất kỳ phần tử nào của danh sách. Nhãn

                        5. đối với danh sách được đánh số, cho phép sử dụng tham số TYPE và VALUE. Tham số TYPE có thể nhận các giá trị giống như đối với thẻ
                           .

                           P mục ví dụ:

                           1. .

                              Ghi chú

                              Các trình duyệt diễn giải kiểu đánh số cho một mục danh sách riêng lẻ một cách khác nhau. Trình duyệt Netscape thay đổi kiểu đánh số cho phần tử này và tất cả các phần tử tiếp theo cho đến khi gặp lần ghi đè tiếp theo. Internet Explorer chỉ thay đổi hình thức của số cho phần tử này.

                              Zgiá trị của thông số thẻ VALUE

                           2. - cho phép bạn thay đổi số lượng của một thành phần danh sách nhất định. Điều này thay đổi cách đánh số của tất cả các phần tử tiếp theo. Một ứng dụng điển hình là danh sách bị thiếu một số thành phần. Một ví dụ về danh sách như vậy đã được đưa ra ở trên (Hình 2.3). Nó cung cấp một danh sách theo thứ tự các ngôi sao sáng nhất, trong đó vị trí thứ 58 và 75 chứa các ngôi sao có thể nhìn thấy rõ ở vĩ độ của chúng ta (Mizar là ngôi sao sáng nhất trong chòm sao Ursa Major và Polaris là ngôi sao sáng nhất trong chòm sao Ursa Minor) .

                              Hãy đưa ra một ví dụ ban đầu khác về việc sử dụng các kiểu đánh số khác nhau. Mã HTML bên dưới chứa ba danh sách có cách đánh số khác nhau. Để dễ xem, mỗi danh sách được đặt trong một ô bảng riêng biệt. Cả ba danh sách đều giống hệt nhau và chỉ khác nhau về kiểu đánh số: ở cột đầu tiên của bảng có các chữ số Ả Rập, ở cột thứ hai - chữ số La Mã và ở cột thứ ba, đánh số bằng chữ cái Latinh. Xin lưu ý rằng các thành phần trong danh sách trống, tức là sau bất kỳ thẻ nào

                           3. không có dữ liệu. Một ví dụ về loại này có thể được sử dụng làm bảng tương ứng giữa cách viết số bằng chữ số Ả Rập và chữ số La Mã. Hóa ra bất kỳ trình duyệt nào hỗ trợ danh sách đều có thể được sử dụng làm trình tạo bảng như vậy (Hình 2.4), bạn chỉ cần nhập mã HTML đã cho. Đánh số bằng chữ số La Mã hoạt động chính xác đến giá trị 3999. Bằng cách nghiên cứu cột bên phải, bạn có thể hiểu cách đánh số bằng chữ cái La Mã được thực hiện. Khi đã hết việc đánh số một chữ cái (từ A đến Z), số có hai chữ cái đầu tiên sẽ được lấy làm số tiếp theo - AA, v.v.

                              . . .

                              . . .

                              . . .

                              

                              Cơm. 2.4. Các kiểu đánh số danh sách HTML khác nhau

                              Danh sách các định nghĩa

                              Danh sách định nghĩa, còn được gọi là từ điển định nghĩa, là một loại danh sách đặc biệt. Không giống như các loại danh sách khác, mỗi phần tử của danh sách định nghĩa luôn bao gồm hai phần. Phần đầu tiên của thành phần danh sách chứa thuật ngữ đang được xác định và phần thứ hai chứa văn bản dưới dạng mục từ điển tiết lộ ý nghĩa của thuật ngữ.

                              Danh sách định nghĩa được chỉ định bằng thẻ vùng chứa

                              (Danh sách định nghĩa). Bên trong thùng chứa có thẻ

                              (Thuật ngữ định nghĩa) thuật ngữ đang được định nghĩa được đánh dấu và thẻ

                              (Mô tả định nghĩa) - một đoạn văn có định nghĩa của nó. Đối với thẻ

                              Và

                              Bạn có thể bỏ qua các thẻ đóng tương ứng.

                              Nói chung, danh sách các định nghĩa được viết như sau:

                              Thuật ngữ

                              Định nghĩa của thuật ngữ

                              Trong văn bản sau thẻ

                              không thể sử dụng các phần tử cấp khối như thẻ đoạn văn

                              Hoặc tiêu đề

                              -

                              . Theo quy định, văn bản của thuật ngữ được xác định phải nằm trên một dòng. Văn bản chứa định nghĩa của thuật ngữ được hiển thị bắt đầu ở dòng tiếp theo (hoặc mỗi dòng đối với một số trình duyệt) sau định nghĩa của thuật ngữ, được thụt vào bên phải. Trong thông tin đặt sau thẻ

                              , các phần tử cấp khối có thể được định vị. Đặc biệt, danh sách các định nghĩa có thể được lồng vào nhau.

                              Trong thẻ

                              tham số COMPACT có thể được chỉ định, mục đích của tham số này tương tự như các danh sách khác được mô tả ở trên.

                              Dưới đây là ví dụ về tài liệu HTML sử dụng danh sách các định nghĩa:

                              Phân loại tính khí điển hình của con người,
                              dựa trên

                              theo quan điểm của Hippocrates

                              Người đờm

                              Thụ động, rất chăm chỉ, chậm thích ứng;
                              tâm trạng ổn định, ít chịu ảnh hưởng từ bên ngoài;
                              phản ứng cảm xúc thờ ơ và chậm chạp trong hoạt động có ý chí
                              
                              

                              lạc quan

                              Năng động, năng động, dễ thích nghi -
                              sự sống động và linh hoạt của các phản ứng cảm xúc, tốc độ và sức mạnh của các biểu hiện ý chí
                              
                              

                              bệnh nóng giận

                              Năng động, rất năng động, kiên trì;
                              sự nóng nảy và sức mạnh của các phản ứng cảm xúc, những biểu hiện bạo lực của ý chí
                              
                              

                              u sầu

                              Thụ động, dễ mệt mỏi, khó thích nghi, -
                              sự yếu kém của các biểu hiện ý chí và tâm trạng chán nản chiếm ưu thế, thiếu tự tin

                              Việc hiển thị tài liệu HTML đã cho trong trình duyệt được hiển thị trong Hình. 2.5.

                              

                              Cơm. 2.5. Danh sách các định nghĩa (giống như một nhóm mục trong từ điển)

                              Loại danh sách

                              Và

                              Loại danh sách

                              Và hiện nay thực tế không được sử dụng, mặc dù chúng vẫn được hỗ trợ bởi các trình duyệt hàng đầu. Trong đặc tả HTML 4.0, cả hai loại danh sách này đều được đánh dấu là không dùng nữa. Thay vào đó, đề xuất sử dụng danh sách có dấu đầu dòng được chỉ định bởi thẻ

                              .

                              Những loại danh sách này ban đầu được thiết kế nhỏ gọn hơn danh sách có dấu đầu dòng thông thường. Theo quy tắc viết các phần tử của các danh sách này, không được phép sử dụng các phần tử khối trong đó, điều đó có nghĩa là không thể thực hiện việc lồng các danh sách kiểu này. Mỗi phần tử danh sách là một dòng văn bản.

                              Đối với các danh sách như

                              người ta đã lên kế hoạch đưa ra giới hạn về “độ dài văn bản của một thành phần danh sách (24 ký tự). Sự hạn chế như vậy sẽ cho phép chúng ta rút ra

                              danh sách như

                              ở dạng tương tự như đầu ra của danh sách các thư mục trong hệ điều hành UNIX và MS-DOS khi sử dụng khóa chuyển /W (trong một số cột). Ngoài ra, điểm đánh dấu không được hiển thị cho các mục danh sách thuộc loại này.

                              Hiện tại, tất cả các kế hoạch này vẫn chưa được thực hiện, vì không nên sử dụng thêm danh sách các loại này. Các phiên bản hiện đại của trình duyệt hiển thị danh sách các loại này theo cách giống hệt như các danh sách như

                              .

                              Danh sách lồng nhau

                              Đôi khi bạn cần đưa toàn bộ danh sách cùng loại hoặc loại khác vào thành phần danh sách thuộc một loại. Điều này sẽ tạo ra các danh sách đa cấp hoặc lồng nhau. HTML cho phép lồng tùy ý nhiều loại danh sách khác nhau, nhưng phải cẩn thận khi sắp xếp chúng.

                              Dưới đây là mã HTML cho một tài liệu có các danh sách lồng nhau, hiển thị trong Hình 2. 2.6. Trong ví dụ này, mỗi mục trong danh sách có dấu đầu dòng chứa danh sách được đánh số riêng.

                              Vệ tinh của một số hành tinh

                              • Zempya

                                1. Mặt trăng

                              • Mapc

                                1. phobos

                                2. Deimos

                              • Sao Thiên Vương

                                1. Ariel

                                2. Ô dù

                                3. Titania

                                4. Oberon

                                5. Miranda

                              • sao Hải vương

                                1. triton

                                2. Nereid

                                Danh sách đánh số trong HTML là gì? Danh sách đánh số là tập hợp các phần tử được đánh số thứ tự. Ưu điểm của nó là quá trình đánh số các phần tử được tự động hóa và do đó bạn sẽ không bị nhầm lẫn. Bạn cũng có thể bắt đầu đếm không phải từ phần tử đầu tiên mà từ phần tử thứ một trăm lẻ một. Bạn có thể thay đổi loại danh sách: số Ả Rập, chữ Latinh viết hoa, chữ cái Latinh viết thường, chữ số La Mã viết hoa, chữ số La Mã viết thường. Các vết thụt lề được thêm vào xung quanh danh sách được đánh số: trên, dưới và trái. Để tạo danh sách đánh số, hãy sử dụng thẻ

                                Mỗi mục trong danh sách đánh số được đánh dấu bằng một thẻ ghép nối
                                1. , ví dụ thêm cách tạo danh sách đánh số:

                                   Ví dụ về tạo danh sách đánh số

                                   
                                   
                                   1. Điểm một
                                   
                                   
                                   2. điểm hai
                                   
                                   

                                   Các danh sách được đánh số có thể được lồng vào nhau. Độ sâu có thể là bất kỳ. Phương pháp này thường được sử dụng để tạo menu trên trang web. Hơn nữa ví dụ về danh sách được đánh số lồng nhau:

                                   Ví dụ về danh sách được đánh số lồng nhau

                                   
                                   
                                   1. Điểm một
                                      
                                      
                                      
                                      1. Điểm một trong đầu tiên
                                      
                                      
                                      2. Điểm hai ở đầu tiên
                                         
                                         
                                         
                                         
                                         
                                         
                                      
                                      
                                      
                                      
                                   
                                   
                                   2. điểm hai
                                   
                                   

                                   Để thay đổi loại danh sách, bạn cần sử dụng thuộc tính type. Giá trị thuộc tính phải là ký tự đầu tiên của chuỗi đã cho, ví dụ: đối với số Ả Rập type = "1", đối với chữ hoa La Mã type = "I", v.v.

                                   • Số Ả Rập – 1, 2, v.v.
                                   • Chữ cái Latinh viết hoa - A, B, v.v.
                                   • Chữ cái Latinh viết thường - a, b, v.v.
                                   • Chữ số La Mã viết hoa - I, II, v.v.
                                   • Chữ số La Mã viết thường - i, ii, v.v.

                                   Hãy lấy ví dụ trước của chúng tôi và chỉ định các loại danh sách:

                                   
                                   
                                   1. Điểm một
                                      
                                      
                                      
                                      1. Điểm một trong đầu tiên
                                      
                                      
                                      2. Điểm hai ở đầu tiên
                                         
                                         
                                         
                                         1. Điểm một ở vị trí đầu tiên, vị trí thứ hai
                                         
                                         
                                         2. Điểm hai ở điểm thứ nhất, ở điểm thứ hai
                                         
                                         
                                         
                                         
                                      
                                      
                                      
                                      
                                   
                                   
                                   2. điểm hai
                                   
                                   

                                   Sử dụng thuộc tính bắt đầu

                                   
                                   
                                   1920. Điểm một
                                   
                                   
                                   1921. điểm hai
                                   
                                   

                                   Thiết kế danh sách đánh số bằng CSS

                                   Sẽ có nhiều hướng dẫn khác về vấn đề này, vì vậy chúng ta sẽ xem nhanh cách tạo kiểu cho một danh sách. Đầu tiên, hãy di chuyển danh sách được đánh số của chúng ta ra xa cạnh trái 20 pixel. Để làm điều này, chúng tôi sử dụng thuộc tính lề.

                                   ồ (
                                   lề: 0 0 0 20px;
                                   }

                                   Một câu hỏi thường được đặt ra trên Internet là: “Làm thế nào để thay đổi màu của điểm đánh dấu (đối với danh sách có dấu đầu dòng) hoặc màu đánh số (đối với danh sách đánh số)?” Điều này rất dễ thực hiện, ví dụ như thế này:

                                   Thêm thẻ span

                                   
                                   
                                   1920. Điểm một
                                   
                                   
                                   1921. điểm hai
                                   
                                   

                                   Thay đổi màu sắc

                                   Lý(
                                   màu đỏ;
                                   }
                                   li nhịp (
                                   màu: #000000;
                                   }

                                   Danh sách đánh số và SEO

                                   Danh sách được đánh số cũng đóng một vai trò quan trọng trong việc quảng bá SEO, vì chúng làm cho thông tin trên trang web có cấu trúc chặt chẽ hơn. Điều này có nghĩa là nếu bạn sử dụng danh sách ở đúng nơi, thông tin sẽ dễ hiểu hơn đối với người đọc cũng như robot tìm kiếm.

                                   danh sách HTML dùng để nhóm các thông tin có liên quan. Có ba loại danh sách:

                                   danh sách có dấu đầu dòng —

                                   - mỗi phần tử của danh sách
                                   • được đánh dấu bằng bút đánh dấu,
                                     danh sách đánh số —
                                     - mỗi phần tử của danh sách
                                     1. được đánh dấu bằng một số
                                        danh sách các định nghĩa- - bao gồm các cặp thuật ngữ
                                        —
                                        sự định nghĩa.

                                        Mỗi danh sách là một vùng chứa chứa các phần tử danh sách hoặc các cặp định nghĩa thuật ngữ. Các phần tử danh sách hoạt động giống như các phần tử khối, xếp chồng lên nhau và chiếm toàn bộ chiều rộng của khối vùng chứa. Mỗi mục danh sách có một khối bổ sung nằm ở bên cạnh, khối này không tham gia vào bố cục.

                                        Tạo danh sách HTML

                                        1. Danh sách có dấu đầu dòng

                                        Danh sách có dấu đầu dòng là một danh sách không có thứ tự (từ Danh sách không có thứ tự tiếng Anh). Được tạo bằng thẻ ghép nối

                                        . Điểm đánh dấu của một thành phần trong danh sách là một nhãn, chẳng hạn như một vòng tròn được tô đầy.

                                        Theo mặc định, các trình duyệt sẽ thêm định dạng sau vào khối danh sách:

                                        Mỗi thành phần danh sách được tạo bằng thẻ ghép nối

                                     2. (từ Mục danh sách tiếng Anh).
                                     có sẵn .
                                     • Microsoft
                                     • Google
                                     • Quả táo
                                     Cơm. 1. Danh sách có dấu đầu dòng

                                     2. Danh sách đánh số

                                     Danh sách đánh sốđược tạo bằng thẻ ghép nối. Mỗi mục danh sách cũng được tạo bằng phần tử

                                   • . Trình duyệt tự động đánh số các phần tử theo thứ tự và nếu bạn xóa một hoặc nhiều phần tử trong danh sách đó, các số còn lại sẽ tự động được tính toán lại.

                                     Khối danh sách cũng có kiểu trình duyệt mặc định:

                                   • Thuộc tính value có sẵn, cho phép bạn thay đổi số mặc định cho mục danh sách đã chọn. Ví dụ: nếu đối với mục đầu tiên trong danh sách bạn đặt
                                   • , thì việc đánh số còn lại sẽ được tính lại tương ứng với giá trị mới.

                                     Đối với thẻ

                                     Các thuộc tính sau đây có sẵn:
                                     Bảng 1. Thuộc tính thẻ

                                     Thuộc tính	Mô tả, giá trị được chấp nhận
                                     đảo ngược	Thuộc tính đảo ngược làm cho danh sách được hiển thị theo thứ tự ngược lại (ví dụ: 9, 8, 7...).
                                     bắt đầu	Thuộc tính bắt đầu chỉ định giá trị ban đầu mà từ đó việc đánh số sẽ bắt đầu, ví dụ: một cấu trúc mục đầu tiên sẽ được gán số sê-ri “10”. Bạn cũng có thể chỉ định kiểu đánh số cùng lúc, ví dụ: .
                                     kiểu	Thuộc tính type chỉ định loại điểm đánh dấu sẽ sử dụng trong danh sách (chữ cái hoặc số). Giá trị được chấp nhận: 1 - giá trị mặc định, đánh số thập phân. A — đánh số danh sách theo thứ tự bảng chữ cái, chữ in hoa (A, B, C, D). a — đánh số danh sách theo thứ tự bảng chữ cái, chữ thường (a, b, c, d). I - đánh số bằng chữ số viết hoa La Mã (I, II, III, IV). i — đánh số bằng chữ số La Mã viết thường (i, ii, iii, iv).

                                     1. Microsoft
                                     2. Google
                                     3. Quả táo
                                     Cơm. 2. Danh sách đánh số

                                     3. Danh sách các định nghĩa

                                     Danh sách các định nghĩađược tạo bằng cách sử dụng thẻ

                                     . Để thêm một thuật ngữ, hãy sử dụng thẻ
                                     và để chèn định nghĩa - thẻ
                                     .

                                     Khối danh sách định nghĩa có các kiểu trình duyệt mặc định sau:

                                     Đối với thẻ

                                     ,

                                     Và

                                     có sẵn .

                                     Giám đốc:

                                     Peter Tochilin

                                     Dàn diễn viên:

                                     Andrey Gaidulyan

                                     Alexey Gavrilov

                                     Vitaly Gogunsky

                                     Mariya Kozhevnikova

                                     Cơm. 3. Danh sách các định nghĩa

                                     4. Danh sách lồng nhau

                                     Thông thường, khả năng của các danh sách đơn giản là không đủ; ví dụ, khi tạo mục lục, không có cách nào thực hiện được nếu không có các mục lồng nhau. Đánh dấu cho danh sách lồng nhau sẽ như sau:

                                     • Đoạn 1.
                                     • Điểm 2.
                                       • Khoản 2.1.
                                       • Khoản 2.2.
                                         • Mục 2.2.1.
                                         • Mục 2.2.2.
                                       • Khoản 2.3.
                                     • Điểm 3.

                                     
                                     Cơm. 4. Danh sách lồng nhau

                                     5. Danh sách đánh số đa cấp

                                     Danh sách đa cấp được sử dụng để hiển thị các mục danh sách ở các cấp độ khác nhau với các mức thụt lề khác nhau. Đánh dấu cho danh sách được đánh số nhiều cấp sẽ như sau:

                                     1. đoạn văn
                                     2. đoạn văn
                                        1. đoạn văn
                                        2. đoạn văn
                                        3. đoạn văn
                                           1. đoạn văn
                                           2. đoạn văn
                                           3. đoạn văn
                                        4. đoạn văn
                                     3. đoạn văn
                                     4. đoạn văn

                                     Đánh dấu mặc định này sẽ tạo cách đánh số mới cho mỗi danh sách lồng nhau, bắt đầu bằng một danh sách. Để tạo đánh số lồng nhau, bạn cần sử dụng các thuộc tính sau:
                                     thiết lập lại bộ đếm đặt lại một hoặc nhiều bộ đếm, chỉ định giá trị cần đặt lại;
                                     bộ đếm tăng chỉ định giá trị tăng của bộ đếm, tức là mỗi mục tiếp theo sẽ được đánh số theo mức tăng nào;
                                     nội dung - nội dung được tạo ra, trong trường hợp này nó có nhiệm vụ hiển thị số trước mỗi mục danh sách.

                                     Ol ( /* loại bỏ cách đánh số tiêu chuẩn */ list-style: none; /* Xác định bộ đếm và đặt tên cho nó li. Giá trị bộ đếm không được chỉ định - theo mặc định là 0 */ counter-reset: li; ) li :trước ( /* Chúng ta xác định phần tử sẽ được đánh số - li. Phần tử giả before chỉ ra rằng nội dung được chèn bằng thuộc tính content sẽ được đặt trước các mục danh sách. Ở đây chúng ta cũng đặt giá trị của gia số bộ đếm (mặc định là 1). */ counter-increment: li; / * Thuộc tính nội dung hiển thị số của mục danh sách. counters() có nghĩa là văn bản được tạo đại diện cho giá trị của tất cả các bộ đếm có tên đó. Dấu chấm trong dấu ngoặc kép thêm dấu chấm ngăn cách giữa các số và dấu chấm có dấu cách được thêm vào trước nội dung của từng mục danh sách */ content: counters(li,".") "."; )
                                     Cơm. 5. Danh sách đánh số đa cấp