목록 태그의 속성 - 바로 실행해보면서 배우는 HTML5/CSS3
바로 실행해보면서 배우는 HTML5/CSS3
  • 목록 태그의 속성
    learn
    Practice
    learn
    08 테이블과 리스트
    목록 태그의 속성

    목록과 관련 있는 속성은 모두 순서 있는 목록과 관련된 속성입니다. 이 속성들은 모두 순서에 관여하기 때문이죠. 먼저 <ol>태그에 들어갈 수 있는 속성부터 살펴보도록 하겠습니다.


    <ol> 태그 속성


    첫 번째 속성은 start입니다. start="숫자"는 리스트가 시작하는 숫자를 정합니다.

    두 번째 속성은 type입니다. type="문자"는 순서를 시작하는 문자를 지정할 수 있습니다. a, A, i, I, 1 등을 사용할 수 있죠. 예제를 실행해보면 이해하기 쉬울 겁니다.

    다음은 reversed입니다. reversed는 순서를 반대로 시작하도록 지정하는 속성입니다. 다른 속성은 start="4"와 같이 키(key)와 값(value)을 같이 쓰지만, reversed는 키만 사용합니다.


    <li> 태그 속성


    <li> 태그의 속성 중 value = "숫자"는 해당하는 리스트 아이템의 번호를 지정합니다.

    시작하는 숫자를 바꾸기 때문에 돼지 고기에 별다른 숫자를 지정해주지 않아도 3의 다음 숫자인 4가 나오게 됩니다. value속성은 사용하는 항목의 숫자를 기준으로 이후 항목에 숫자가 부여됩니다.

    Practice
    이론에서 살펴본 코드를 직접 작성하여 결과를 확인한 뒤, 구성 요소를 변경하며 어떤 변화가 일어나는지 확인해봅시다.
    learn
    Practice
    Q & A
    Q&A forum that anyone can ask and answer.
    Share your questions and answers with other students and grow together!
    Registered Questions(0)