10. Body - 목록

안녕하세요.

콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^

이번 강의는 목록인데요.

말그대로 목록을 만들 필요가 있을때 사용해요.

목록 뿐만 아니라 요즘에는 table태그 대신에 목록 태그, div태그를 많이 사용하는 추세에요.

한번 둘러올께요.

순서 없는 목록 - ul, li

<ul>
    <li>아이스커피</li>
    <li>밀크티</li>
    <li>아이스티</li>
</ul>

ul은 순서 없는 목록을 시작한다는 선언 부분이에요.

그 안쪽에 li가 각 항목이 되는 거구요.

각 항목 앞에 ●가 붙는건 li단위로 표현이 되는 건데요. style(css)에 속성을 주면 숨길수 있어요.

순서가 있는 목록 - ol, li

<ol>
    <li>아이스커피</li>
    <li>밀크티</li>
    <li>아이스티</li>
</ol>

ul태그와 상당히 비슷한데요.

차이점은 ol태그를 사용하면 앞쪽에 순번이 자동 생성이 되요.

그래서 자동으로 순서를 넣어야 하는 경우에는 ol을 사용해요.

저는 개인적으로 한번도 써본적이 없네요.

그냥 1,2,3,4 부분을 프로그래밍으로 넣어줘서 그런지 안쓰게 되더라구요.

div, ul, li같은 경우는 홈페이지 외형(레이아웃)을 만들때 많이 사용하는데요.

table태그로 외형을 만드면 정말 편하거든요. 배워야 할 것도 많지 않구요.

그럼에도 div, ul, li같은 태그를 이용해서 홈페이지를 만드는 이유가 속도 이슈, html 5표준, 반응형 페이지 제작시 문제등등 table태그의 한개가 있어서 이기 때문이조.

이점 참고 하셨으면 해요.

이번 강의는 여기까지에요.

여러분들의 관심과 사랑이 있다면 좀 더 좀은 컨텐츠를 제공해줄 수 있을거 같습니다.

많은 관심과 사랑 부탁드립니다.

감사합니다.

그럼 콤빠~

콤퓨타학원