(Basics 09) HTML List

SoloLearn HTML 번역


HTML List

HTML <ol> & <ul>



HTML Ordered Lists

순서가 지정된 List, <ol>


  • An ordered list starts with the <ol> tag, and each list item is defined by the <li> tag.
    • 순서가 지정된 list는 <ol> 태그로 시작하고, 각 list item은 <li> 태그로 정의된다.
  • Here is an example of an ordered list:
    • 다음은 순서가 지정된 list의 예이다.
<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <ol>
         <li>Red</li>
         <li>Blue</li>
         <li>Green</li>
      </ol>
   </body>
</html>

코드 실행 확인


  • Result:

img


The list items will be automatically marked with numbers.

list item에는 자동으로 숫자가 표시된다.



HTML Unordered List

순서가 지정되지 않은 List, <ul>


  • An unordered list starts with the <ul> tag.
    • 순서가 지정되지 않은 list는 <ul> 태그로 시작한다.
<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <ul>
         <li>Red</li>
         <li>Blue</li>
         <li>Green</li>
      </ul>
   </body>
</html>

코드 실행 확인


  • Result:

img


The list items will be marked with bullets.

list item에는 글 머리 기호가 표시된다.



QUIZ

  • Enter the tag corresponding to the list item:
    • list item에 해당하는 태그를 입력해라.

<li>