Làm thế nào để tạo một danh sách có dấu đầu dòng? Danh sách có dấu đầu dòng và đánh số

Ngày tốt!

Trong bài viết này, bạn sẽ tìm hiểu về tất cả các khả năng của danh sách, hiểu cách tạo danh sách đánh số và các thẻ chính sẽ giúp bạn biến danh sách có dấu đầu dòng đơn giản thành một danh sách thú vị và đáng chú ý hơn bằng các dấu đầu dòng tùy ý. Sau khi hoàn thành bài học, bạn sẽ hiểu được danh sách được sử dụng ở đâu và chúng có thể được sử dụng trong những trường hợp nào.

Bài viết này là bài thứ ba trong khóa học ngắn hạn về kiến ​​thức cơ bản về HTML. Trước khi đọc bài học này, tôi khuyên bạn nên xem qua hai phần trước:

Bài viết vừa mới bắt đầu và bạn đã có thể nhận thấy việc sử dụng danh sách có dấu đầu dòng tiêu chuẩn. Trên trang web của tôi, nó trông khá đơn giản: ở bên trái có một vết lõm nhỏ với một đường kẻ và một điểm đánh dấu hình vuông. Ở phần sau của bài viết, chúng ta sẽ xem xét chi tiết có những loại bút đánh dấu nào, cách tạo số và cách tạo bút đánh dấu của riêng bạn.

Trong mỗi phần của bài viết, việc tạo danh sách nhất định sẽ kèm theo phần giải thích chi tiết cách chèn danh sách cụ thể.

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

Kiểu danh sách này dùng để liệt kê trong văn bản một tập hợp các phần tử có ý nghĩa tương tự nhau. Đây có thể là danh sách các liên kết có liên quan đến cùng một chủ đề, một lời giải thích chi tiết cho từng phần riêng lẻ của văn bản. Nhưng hãy xem danh sách có dấu đầu dòng trông như thế nào trong mã:

Và đây là giao diện của nó trong trình duyệt:

Cơm. 1.1. Chế độ xem chuẩn của danh sách không có thứ tự có dấu đầu dòng HTML trong trình duyệt

1.1 Dấu đầu dòng tiêu chuẩn cho danh sách có dấu đầu dòng

Trong hình trên (Hình 1.1.), bạn có thể thấy các vòng tròn ở đầu mỗi mục menu. Đây là điểm đánh dấu. Theo mặc định, nó xuất hiện dưới dạng một vòng tròn đầy trong trình duyệt. Có một số loại điểm đánh dấu trong HTML: hình tròn đầy, hình tròn trống và hình vuông. Họ không yêu cầu bất kỳ CSS hoặc hình ảnh của bên thứ ba nào:

1.2 Điểm đánh dấu danh sách dạng hình tròn trống

Bạn đã biết các giá trị thuộc tính, nhưng bây giờ hãy xem cách tạo danh sách dấu đầu dòng HTML trong mã. Từ bảng trên, chúng tôi đã chọn giá trị thứ hai là "vòng tròn" cho thuộc tính loại và đặt nó vào danh sách có dấu đầu dòng:

<html > <đầu > <tiêu đề > Ví dụ về danh sách có dấu đầu dòng có điểm đánh dấu vòng tròn trống</tiêu đề> </đầu> <cơ thể > <p> Ngôi sao:</p> <loại ul = "vòng tròn" > <lý > Sirius</li> <lý > Arcturus</li> <lý > Pollux</li> <lý > Betelgeuse</li> <lý > Mặt trời</li> </ul> </cơ thể> </html>

Hãy xem ngay mã này sẽ trông như thế nào trong trình duyệt:

Cơm. 1.2. Xem điểm đánh dấu danh sách dưới dạng vòng tròn trong trình duyệt

1.3 Điểm đánh dấu danh sách có dạng hình vuông

Chúng ta cũng hãy xem ví dụ cuối cùng với điểm đánh dấu hình vuông cho danh sách HTML:

Hãy chú ý đến điểm đánh dấu, nó đã trở thành hình vuông:

Cơm. 1.3. Xem điểm đánh dấu danh sách dưới dạng hình vuông trong trình duyệt

Lưu ý quan trọng: Phương pháp này không còn được sử dụng để tạo kiểu cho danh sách dấu đầu dòng. Có sự phân biệt rõ ràng giữa CSS (đọc CSS là gì) và HTML. HTML là để đánh dấu và CSS là để tạo ra một diện mạo hấp dẫn.

Mã chứa thuộc tính này khi chỉ định loại tài liệu hiện tại là HTML5 (""), sẽ báo lỗi trong quá trình xác thực. Nếu bạn chưa nghe xác thực là gì thì đây là nơi dành cho bạn.

Lỗi sẽ như sau:

Cơm. 1.4. Lỗi trên trình xác thực khi sử dụng thuộc tính "loại" của danh sách

Chúng tôi đã sắp xếp các danh sách có dấu đầu dòng. Bây giờ chúng ta hãy chuyển sang các danh sách được đánh số, sau đó xem xét các danh sách lồng nhau và một số ví dụ tạo sẵn thường được sử dụng nhất trên các trang web thực.

2. Danh sách đánh số trong HTML

Không giống như loại danh sách trước, danh sách đánh số có một tính năng quan trọng: chúng được đánh số tự động. Điều này rất hữu ích khi bạn cần đánh số một danh sách lớn. Làm thủ công sẽ mất rất nhiều thời gian và bạn vẫn có thể bị nhầm lẫn. Một danh sách đánh số được chỉ định bằng thẻ. Nó trông như thế nào trong thực tế:

Ví dụ về danh sách được đánh số:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html > <đầu > <tiêu đề > Ví dụ về danh sách đánh số tiêu chuẩn</tiêu đề> </đầu> <cơ thể > <p> Từ một đến năm:</p> <ồ > <lý >Đầu tiên</li> <lý > Thứ hai</li> <lý > Ngày thứ ba</li> <lý > thứ tư</li> <lý > Thứ năm</li> </ol> </cơ thể> </html>

Danh sách được đánh số trông như thế này với cài đặt trình duyệt tiêu chuẩn:

Cơm. 2.1. Danh sách được đánh số trong trình duyệt với cài đặt tiêu chuẩn

Giống như người tiền nhiệm của nó (danh sách dấu đầu dòng), nó có kiểu hiển thị số riêng. Đánh số thông thường không phải là loại dấu đầu dòng duy nhất cho danh sách được đánh số trong HTML.

2.1 Dấu đầu dòng tiêu chuẩn cho danh sách đánh số

Ở đây chúng ta có thể lựa chọn không phải ba loại điểm đánh dấu mà là năm loại:

Tên điểm đánh dấugiá trị thuộc tính "loại"Danh sách ví dụ
Điểm đánh dấu ở dạng số Ả Rập1
  • Cầu lông
  • Bóng chày
Dấu hiệu ở dạng chữ Latinh viết thườngMột
  • Chomolungma
  • Chogori
  • Kanchenjunga
Dấu hiệu ở dạng chữ Latinh viết hoaMỘT
  • Hội nghị thượng đỉnh giảm mạnh
  • Con hẻm giận dữ
  • điên rồ
Ký hiệu chữ số La Mã viết thườngTôi
  • biển Philippine
  • biển Ả Rập
  • San hô biển
Ký hiệu chữ số La Mã viết hoaTÔI
  • Màu đỏ
  • Màu xanh lá
  • Màu xanh da trời

2.2 Đánh số riêng trong danh sách HTML

Ngoài đầu ra thông thường của một danh sách được đánh số, chúng ta cũng có thể bắt đầu đánh số từ bất kỳ số nào. Để làm điều này, bạn cần đặt thuộc tính bổ sung "bắt đầu". Việc đánh số này hoạt động trên tất cả các loại điểm đánh dấu cho danh sách được đánh số. Nó trông như thế nào trong thực tế:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html > <đầu > <tiêu đề >Đánh số tùy chỉnh cho danh sách được đánh số</tiêu đề> </đầu> <cơ thể > <p> Chúng tôi bắt đầu đánh số từ mười hai:</p> <ol type = "a" bắt đầu = "12" > <lý > Mười hai</li> <lý > Mười ba</li> <lý > Mười bốn</li> <lý > Mười lăm</li> <lý > mười sáu</li> </ol> </cơ thể> </html>

Đây là cách nó sẽ xuất hiện trên trang web thực:

Cơm. 2.2. Đánh số từ một số tùy ý trong danh sách được đánh số

Trong hình ảnh trên, chúng tôi đánh số danh sách bắt đầu từ số 12, đồng thời tạo các điểm đánh dấu ở dạng chữ Latinh viết thường. Bây giờ, tôi nghĩ rằng cách sử dụng các thuộc tính này trong dự án của bạn đã trở nên rõ ràng.

Chà, bây giờ hãy chuyển sang danh sách HTML lồng nhau.

3. Cách tạo danh sách đa cấp (lồng nhau) trong HTML

Danh sách đa cấp được sử dụng trên trang web để xây dựng menu. Menu này thường xuất hiện dưới dạng menu thả xuống đi xuống (bài học ở trên) hoặc menu thả xuống bên trái hoặc bên phải. Các menu như vậy cho phép bạn lưu trữ các thành phần menu khác ở dạng nhỏ gọn.

Lấy các mẫu ô tô làm ví dụ, chúng tôi sẽ xây dựng danh sách nhiều cấp độ trong HTML:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <html > <đầu > <tiêu đề > Danh sách dấu đầu dòng lồng nhau trong HTML</tiêu đề> </đầu> <cơ thể > <ul > <lý > Citroen<ul > <lý > Berlingo</li> <lý > C1</li> <lý > C2</li> <lý > C3 Picasso</li> <lý > C4 Đại Picasso</li> </ul> </li> <lý > KIA</li> <lý > Toyota</li> <lý > Audi</li> <lý > Lexus</li> </ul> </cơ thể> </html>

Lưu ý danh sách đa cấp trông như thế nào trong trình duyệt:

Cơm. 3.1. Ví dụ về danh sách đa cấp trong HTML

Chúng tôi đã tạo một danh sách đa cấp bằng cách sử dụng dấu đầu dòng (thẻ

    ). Một danh sách đa cấp với các mẫu xe Citroen xuất hiện cùng với các điểm đánh dấu khác. Danh sách chính có đầy dấu đầu dòng và danh sách cấp 2 có các vòng tròn trống. Tuy nhiên, như bạn nhớ, bằng cách sử dụng thuộc tính “type”, chúng ta có thể xác định lại các điểm đánh dấu (tốt hơn nên đặt ).

    Nhưng chúng ta có thể kết hợp danh sách nhiều cấp với danh sách được đánh số và đánh dấu đầu dòng như thế này:

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <html > <đầu > <tiêu đề > Danh sách được đánh số, có dấu đầu dòng và đa cấp trong HTML</tiêu đề> </đầu> <cơ thể > <ul > <lý > Nhóm hoa tulip đầu tiên<ồ > <lý > Lớp một<ul > <lý > Hoa tulip sớm đơn giản</li> </ul> </li> <lý > Lớp thứ hai<ul > <lý > hoa tulip bông</li> </ul> </li> </ol> </li> </ul> </cơ thể> </html>

    Trong ví dụ trên chúng ta có lồng đôi (2 cấp độ). Đầu tiên, chúng tôi đưa ra danh sách hai loại hoa tulip; chúng tôi đã đánh số nó. Sau đó, một danh sách có dấu đầu dòng được lồng vào mỗi mục trong danh sách được đánh số.

    Hãy xem nó trông như thế nào trong trình duyệt:

    Cơm. 3.2. Ví dụ về danh sách được đánh số nhiều cấp thành danh sách có dấu đầu dòng trong trình duyệt

    4. Tài liệu hữu ích về danh sách HTML

    Đây là thông tin đòi hỏi sự hiểu biết về các thuộc tính CSS. Để làm được điều này, tôi khuyên bạn nên học những bài học sau: . Tất cả các ví dụ sẽ có ngay mã nguồn và được chia thành các tab HTML (cấu trúc), CSS (kiểu) và Kết quả (kết quả).

    4.1 Cách tạo danh sách HTML thành chuỗi

    Việc chuyển đổi danh sách HTML thành chuỗi có thể cần thiết khi tạo menu ngang. Nó rất dễ dàng để làm:

    4.2 Cách tạo danh sách HTML không có biểu tượng

    Thuộc tính list-style-type trong CSS chịu trách nhiệm cho việc này (chi tiết hơn):

    4.3 Cách căn giữa danh sách trong HTML

    Mục danh sách là một phần tử khối nên nó cần được căn giữa bằng cách sử dụng phần đệm. Nhưng có một điểm quan trọng - chúng ta phải xác định rõ ràng độ rộng để căn chỉnh hoạt động:

    4.4 Cách tạo danh sách bằng hình ảnh trong HTML

    Chỉ cần một thuộc tính CSS list-style-image là đủ. Bên trong url, chỉ định địa chỉ trước biểu tượng. Tôi chỉ muốn lưu ý rằng tốt hơn hết bạn nên chọn ngay một hình ảnh nhỏ, vì chiều cao của dòng danh sách phụ thuộc vào nó:

    4.5 Danh sách có dấu đầu dòng HTML dấu đầu dòng của bạn

    Trong trường hợp này, bạn cần kết nối trước các biểu tượng phông chữ (ví dụ FontAwesome ). Sau đó, bạn có thể tạo bất kỳ biểu tượng nào thay vì điểm đánh dấu tiêu chuẩn:

    4.6 Cách tạo danh sách trong HTML thành nhiều cột

    Để tạo danh sách theo nhiều cột, chúng tôi sẽ sử dụng thuộc tính đếm cột CSS (thuộc tính này chỉ được hỗ trợ trong các trình duyệt sau: IE 10+, Chrome 1.0+, Opera 11.1+, Safari 3.0+, Firefox 1.5+). Bạn cũng cần đặt chiều cao của danh sách để xem sự phân chia thành nhiều cột:

    5. Thực hành làm việc với danh sách

    Trong video bên dưới, bạn có thể thấy tất cả công việc với danh sách HTML trong thực tế:

    Dưới danh sách hiểu một chuỗi các dòng chứa dữ liệu cùng loại. Danh sách giúp văn bản dễ đọc và dễ hiểu hơn. Word cho phép bạn đặt các đoạn văn ở dạng danh sách, với mỗi đoạn văn được đánh dấu bằng một dấu đầu dòng hoặc số cụ thể. Danh sách có dấu đầu dòng liệt kê các mục liên quan đến một chủ đề. Danh sách được đánh số liệt kê các mục theo sau nhau theo một thứ tự cụ thể. Mỗi mục danh sách là một đoạn văn riêng biệt và có dấu đầu dòng hoặc số riêng.

    Tạo một danh sách có dấu đầu dòng hoặc đánh số như sau:

      con trỏ được đặt ở nơi danh sách sẽ bắt đầu;

      chọn một đội Danh sách(Dấu đầu dòng và đánh số) trên thực đơn Định dạng(Định dạng) hoặc trong menu ngữ cảnh xuất hiện sau khi nhấp chuột phải;

      trong cửa sổ lệnh mở một tab Đã đánh dấu(Gạch đầu dòng) hoặc Đánh số (Được đánh số) và chọn loại điểm đánh dấu hoặc định dạng số

      nhập các thành phần danh sách bằng cách nhấn phím Enter sau mỗi thành phần; một điểm đánh dấu mới xuất hiện trên dòng tiếp theo. Trong danh sách đánh số, mỗi đoạn văn được bắt đầu bằng một số. Nếu bạn thêm/xóa một mục trong danh sách, việc đánh số tất cả các mục tiếp theo sẽ tự động thay đổi.

    Để tạo nhanh danh sách có dấu đầu dòng, bạn có thể sử dụng các nút Đánh số (Đánh số) Điểm đánh dấu(Đạn) trên thanh công cụ Định dạng. Các nút tương tự này được sử dụng để hoàn tất việc nhập văn bản ở dạng danh sách.

    Để kết thúc danh sách đánh số hoặc đánh dấu đầu dòng và quay lại định dạng đoạn văn thông thường, hãy nhấn Enter hai lần.

    Bạn có thể tạo danh sách hơi khác một chút: nhập các thành phần danh sách bằng phím Enter, đánh dấu văn bản đã nhập và sắp xếp nó thành danh sách bằng các nút trên bảng điều khiển Định dạng hoặc lệnh Danh sách thực đơn Định dạng.

    Nếu cần, có thể thay đổi loại điểm đánh dấu trong danh sách hoặc cách đánh số bằng nút Thay đổi hội thoại Danh sách. Ví dụ , Bạn có thể lấy bất kỳ ký tự nào từ bộ ký tự có sẵn làm điểm đánh dấu.

    Tạo và thiết kế bảng

    Việc đưa thông tin dạng bảng vào tài liệu văn bản là một điểm rất quan trọng. Thông tin dạng bảng được tìm thấy rất thường xuyên và cho phép bạn cấu trúc tài liệu văn bản ở dạng có thể đọc được. Trình soạn thảo Word cung cấp nhiều tùy chọn để tạo và thiết kế thông tin dạng bảng. Để thực hiện các thao tác cơ bản, một thành phần đặc biệt đã được đưa vào menu Bàn. Ngoài ra, bạn có thể sử dụng một số nút mới trên bảng điều khiển Tiêu chuẩnĐịnh dạng hoặc sử dụng thanh công cụ bổ sung đặc biệt Bảng và đường viền(đội Thanh công cụ thực đơn Xem).

    Để thêm bảng vào tài liệu, bạn có thể sử dụng một trong các phương pháp sau:

      Chọn từ trình đơn Bànđội Thêm bảng, trong cuộc đối thoại Chèn một bảngđặt số hàng và cột hoặc sử dụng nút Định dạng tự độngđể chọn một trong các bảng tiêu chuẩn từ bộ được cung cấp

      Nhấn vào nút Thêm bảng trong bảng điều khiển Tiêu chuẩn, và dùng chuột để chỉ kích thước của bảng, đánh dấu các ô vuông cần thiết trong khi giữ chuột trái

    Bạn có thể thêm và xóa các hàng và cột trong bảng đã chèn. Để làm điều này bạn cần:

      Chọn hàng hoặc cột bằng chuột (các hàng được tô sáng ở bên trái văn bản trong thanh lựa chọn và các cột được tô sáng dọc theo đường viền trên cùng của bảng khi con trỏ chuột chuyển sang mũi tên nhỏ đậm dọc)

      Chọn từ trình đơn Bàn lệnh thích hợp Thêm vào/ Xóa bỏ dòng/ cột; khi thêm vào bảng, số hàng hoặc cột mới sẽ được chèn như đã chọn ở bước đầu tiên

    Việc nhập và định dạng văn bản trong bảng thực tế không khác gì bình thường. Trong trường hợp này, bạn có thể áp dụng định dạng khác nhau cho các phần khác nhau của bảng. Để thực hiện việc này, bạn cần chọn đoạn cần thiết của bảng (một ô, một nhóm ô liền kề, một nhóm hàng hoặc cột) và áp dụng các công cụ thiết kế tiêu chuẩn.

    Khi nhập thông tin vào các ô của bảng, chiều cao của hàng sẽ tự động thay đổi nếu văn bản không vừa với một ô nhất định. Ngoài ra, kích thước có thể được thay đổi bằng tay:

      đặt con trỏ chuột vào đường phân chia trong bảng

      "bắt" thời điểm con trỏ biến thành mũi tên hai chiều dọc hoặc ngang

      nhấn nút chuột trái và không nhả chuột, di chuyển đường phân chia đến vị trí mới

    Để di chuyển qua các ô của bảng, bạn có thể sử dụng chuột hoặc phím Tab (phải và xuống) hoặc Shift+Tab (theo hướng ngược lại). Nếu điểm đánh dấu đầu vào nằm ở ô phía dưới bên phải thì việc nhấn phím Alt sẽ thêm một hàng mới vào bảng.

    Đôi khi cần phải kết hợp các ô liền kề trong một bảng thành một tổng thể duy nhất. Để thực hiện việc này, hãy chọn các ô cần hợp nhất và chọn từ menu Bànđội Hợp nhất các ô.

    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ẻ

        ,
        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 ra biểu thị 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

    Để tạo danh sách có dấu đầu dòng, hãy nhấp vào nút "Điểm đánh dấu" - điểm đánh dấu sẽ xuất hiện trong văn bản, điểm đánh dấu mặc định (vòng tròn màu đen) hoặc điểm đánh dấu cuối cùng bạn đã sử dụng. Để chọn loại điểm đánh dấu, hãy nhấp vào mũi tên bên cạnh nút "Điểm đánh dấu". Trong cửa sổ mở ra, bạn cần chọn loại điểm đánh dấu mà bạn quan tâm. Ngoài ra, nếu cần, bạn có thể xác định điểm đánh dấu mới bằng cách nhấp vào nút tương ứng.

    Điểm đánh dấu mới có thể được đặt dựa trên ký tự từ một trong các phông chữ hoặc dựa trên hình ảnh.

    Các điểm đánh dấu nguyên bản nhất có thể được đặt dựa trên bản vẽ. Nhấp vào nút "Vẽ", sau đó chọn tùy chọn bạn thích từ danh sách và nhấp vào "OK" ở biểu mẫu này và biểu mẫu tiếp theo.

    Làm thế nào để tạo danh sách đánh số trong Word?

    Để tạo danh sách được đánh số, hãy nhấp vào nút "Đánh số" - phần tử đánh số sẽ xuất hiện trong văn bản, theo mặc định (số) hoặc phần tử cuối cùng bạn đã sử dụng. Để chọn kiểu đánh số, hãy nhấp vào mũi tên bên cạnh nút "Đánh số". Trong cửa sổ mở ra, bạn cần chọn kiểu đánh số mà bạn quan tâm. Ngoài ra, nếu cần, bạn có thể xác định định dạng số mới bằng cách nhấp vào nút tương ứng.

    Mã thông báo mới có thể dựa trên số, chữ cái hoặc từ. Trong trường "Định dạng số", bạn có thể điều chỉnh định dạng số theo nhu cầu của mình - thay thế dấu chấm bằng dấu gạch ngang hoặc xóa dấu chấm đó.

    Làm cách nào để tạo danh sách đa cấp trong Word?

    Để tạo danh sách nhiều cấp, hãy nhấp vào nút "Danh sách nhiều cấp" - danh sách các tùy chọn chính để xây dựng đánh số nhiều cấp sẽ mở ra. Bạn có thể chọn một trong số chúng hoặc xác định danh sách đa cấp mới bằng cách nhấp vào nút tương ứng.

    Trong biểu mẫu mở ra để tạo danh sách nhiều cấp độ mới, bạn có thể lần lượt đi qua các cấp độ bạn quan tâm và đặt các tham số bạn cần - bạn có thể xem toàn bộ bộ tham số bằng cách nhấp vào nút “Thêm” trong góc dưới bên trái. Đặc biệt, bạn có thể liên kết cấp độ danh sách với kiểu đầu đề (điều này hữu ích nếu bạn đang tạo cấu trúc phần cho tài liệu và sau đó có ý định tự động tập hợp mục lục) hoặc kiểu khác.

    Làm thế nào để làm việc với danh sách đa cấp?

    Sau khi thêm danh sách nhiều cấp vào tài liệu, bạn có thể giảm cấp hoặc tăng cấp một mục danh sách bằng cách sử dụng Tăng thụt lề (nếu bạn cần di chuyển mục danh sách xuống một cấp) và Giảm thụt lề (nếu bạn cần di chuyển mục danh sách lên nút cấp độ). .

    Khi viết văn bản, đôi khi bạn phải sử dụng phương pháp định dạng như danh sách. Thông thường, đây có thể là một số loại danh sách các phần tử đồng nhất hoặc danh sách các phần tử không liên quan. Đầu tiên, chúng ta sẽ xem xét việc tạo danh sách đơn giản, sau đó chúng ta sẽ tìm hiểu cách tạo danh sách nhiều cấp độ trong Word dựa trên một danh sách đơn giản.

    Danh sách là một đoạn văn bản được định dạng theo một cách đặc biệt. Mỗi mục danh sách được viết trên một dòng mới và chứa dấu đồ họa hoặc ký tự hoặc dấu số.

    Danh sách cho phép bạn cấu trúc tài liệu một cách thuận tiện. Danh sách có dấu đầu dòng làm nổi bật một phần văn bản một cách trực quan, trong khi danh sách được đánh số cho phép bạn kết hợp các mục thậm chí có liên quan lỏng lẻo. Tất cả các danh sách này cũng có thể có nhiều cấp độ.

    Tạo một danh sách đơn giản

    Trong dải băng công cụ trên tab trang chủ có một phần Đoạn văn. Nó chứa các nút cần thiết để làm việc với danh sách. Xem hình.

    1. Tạo một danh sách có dấu đầu dòng. Bằng cách nhấp vào hình tam giác bên phải, bạn có thể chọn loại điểm đánh dấu danh sách đồ họa.
    2. Tạo một danh sách được đánh số. Khi click vào hình tam giác bên phải, bạn có thể chọn kiểu đánh số danh sách.
    3. Tạo danh sách đa cấp. Bạn có thể chọn các tùy chọn thiết kế khác nhau.
    4. Giảm mức thụt lề danh sách từ lề tài liệu xuống đầu đoạn văn.
    5. Tăng mức thụt lề danh sách từ lề tài liệu lên đầu đoạn văn.
    6. Thay đổi khoảng cách dòng giữa các mục danh sách.

    Có một số tùy chọn để kích hoạt thiết kế danh sách, nhưng tôi khuyên bạn nên sử dụng những tùy chọn sau:

    • Nhập toàn bộ văn bản của danh sách tương lai, tách từng thành phần danh sách mới bằng một đoạn văn (nhấn phím Enter).
    • Sau khi nhập mục cuối cùng trong danh sách, hãy tạo một đoạn văn trống bằng cách nhấn phím Enter. Điều này là cần thiết để ngăn danh sách được áp dụng cho văn bản tiếp theo.
    • Chọn tất cả các hàng có thành phần danh sách và nhấp vào nút để áp dụng chế độ xem danh sách tương ứng.

    Nếu bạn đã chọn sai loại danh sách, hãy chọn lại các thành phần của danh sách đó và nhấp vào nút có loại danh sách được yêu cầu.

    Ghi chú! Việc lựa chọn phải bắt đầu bằng ký tự đầu tiên của văn bản của các thành phần danh sách chứ không phải bằng điểm đánh dấu.

    Thay đổi khoảng cách từ điểm đánh dấu đến văn bản

    Khi tạo danh sách, tình huống có thể xảy ra khi các dấu đầu dòng ở quá gần văn bản hoặc ở xa chúng. Để sửa vị trí của điểm đánh dấu, bạn có thể sử dụng công cụ thước ngang.


    Thụt lề dòng đầu tiên (7)– di chuyển điểm đánh dấu sang trái hoặc phải so với mục danh sách.
    Gờ (8)– di chuyển một mục danh sách sang trái hoặc phải so với điểm đánh dấu.
    Thụt lề trái (9)– di chuyển điểm đánh dấu và mục danh sách sang trái hoặc sang phải.

    Chú ý!Để thay đổi vị trí của tất cả các điểm đánh dấu danh sách, bạn cần chọn danh sách. Để thay đổi vị trí của chỉ một thành phần danh sách, chỉ cần đặt con trỏ văn bản vào dòng thành phần danh sách.

    Tạo danh sách đa cấp

    Danh sách đa cấp được tạo theo cách tương tự như danh sách đơn giản, chỉ trên thanh công cụ bạn cần nhấp vào nút 3

    Trong thư viện mở ra, hãy chọn tùy chọn danh sách đa cấp mong muốn. Sau khi áp dụng thao tác này, bạn sẽ thấy một danh sách (được đánh dấu đầu dòng hoặc đánh số) trông giống như một danh sách đơn giản. Nhưng điều này chỉ là do trong danh sách này tất cả các yếu tố vẫn ở cùng cấp độ.

    Và bây giờ đối với mỗi thành phần danh sách, bạn cần định cấu hình cấp độ riêng của nó. Để làm điều này, chúng tôi làm điều này:

    • Bấm vào dòng có thành phần danh sách mà bạn cần thay đổi mức thụt lề và bấm nút 5(xem hình "Công cụ làm việc với danh sách").
    • Bấm vào dòng tiếp theo và bấm lại nút 5(có thể click nhiều lần để tăng mức độ thụt lề).

    Phần thực hành

    Để củng cố kỹ năng định dạng văn bản của bạn, hãy hoàn thành tác vụ sau.
    Nhập hoặc vào trình soạn thảo văn bản của bạn. Tạo danh sách đa cấp từ văn bản này.

    Máy tính và thiết bị ngoại vi Máy tính Đơn vị hệ thống PC tất cả trong một Nettop và máy tính ổ đĩa flash Màn hình và phụ kiện Màn hình Màn hình 4K Màn hình chơi game Cáp video và bộ chuyển đổi

    Sử dụng thông tin lý thuyết trong bài viết này, hãy thay đổi văn bản như sau:

    • chia văn bản thành các thành phần danh sách, bắt đầu mỗi thành phần bằng một đoạn văn mới,
    • tạo một bản sao của văn bản nhận được,
    • áp dụng danh sách có dấu đầu dòng cho văn bản đầu tiên và danh sách đánh số cho văn bản thứ hai,
    • điều chỉnh cấp độ mục danh sách.


    Bạn đọc thân mến! Bạn đã xem bài viết đến cuối.
    Bạn đã nhận được câu trả lời cho câu hỏi của mình chưa? Viết một vài từ trong các ý kiến.
    Nếu bạn chưa tìm thấy câu trả lời, cho biết những gì bạn đang tìm kiếm.