inblog logo
|
chodong
    Html

    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

    chodong

    RSS·Powered by Inblog