005_리스트

Jan 19, 2024
005_리스트

리스트

  • 리스트를 만드는 태그는 “<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
  • <ol> 사용 코드
<ol> <li>계란을 잘 풀고, 조미료를 넣어줍니다.</li> <li>계란말이팬에 잘 풀은 계란을 1/4만큼 조금씩 넣어줍니다.</li> <li>반숙 상태가 되면 젓가락으로 조금씩 안쪽으로 말아줍니다.</li> <li>이를 반복해서 끝까지 잘 구워줍니다.</li> </ol>
출력 결과
notion image
 
Share article
RSSPowered by inblog