![005_리스트](https://inblog.ai/_next/image?url=https%3A%2F%2Finblog.ai%2Fapi%2Fog%3Ftitle%3D005_%25EB%25A6%25AC%25EC%258A%25A4%25ED%258A%25B8%26logoUrl%3Dhttps%253A%252F%252Finblog.ai%252Finblog_logo.png%26blogTitle%3Dchodong&w=3840&q=75)
리스트
- 리스트를 만드는 태그는 “<ul> 태그 + <li> 태그”과 “<ol> 태그 + <li> 태그”가 있다.
- 리스트 태그는 둘 다 “block”의 속성을 가진다
<ul> 태그와 <ol> 태그의 차이는?
<ul> 은 리스트를 출력할 때 사용하고,
<ol> 은 순서가 있는 리스트를 출력할 때 사용한다.
리스트 코드
- <ul> 사용 코드
<ul> <li>계란 3개</li> <li>간장(2큰술)</li> <li>맛술(1큰술)</li> <li>소금(조금)</li> </ul>
출력 결과
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fb1939378-3cd6-4f1f-9032-6c4df0711232%2F81c2f039-e315-439b-933b-ef3fb6767c0b%2FUntitled.png?table=block&id=de053521-bb18-4abe-867a-a7f77df22f2e&cache=v2)
- <ol> 사용 코드
<ol> <li>계란을 잘 풀고, 조미료를 넣어줍니다.</li> <li>계란말이팬에 잘 풀은 계란을 1/4만큼 조금씩 넣어줍니다.</li> <li>반숙 상태가 되면 젓가락으로 조금씩 안쪽으로 말아줍니다.</li> <li>이를 반복해서 끝까지 잘 구워줍니다.</li> </ol>
출력 결과
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fb1939378-3cd6-4f1f-9032-6c4df0711232%2Fa3fae618-2e19-413f-89f3-ba79f0ca495f%2FUntitled.png?table=block&id=04256b6e-31b0-4dac-b545-fb5692c1b1f3&cache=v2)
Share article