[HTML] 리스트

핑구·2022년 7월 17일
0

HTML

목록 보기
1/2

리스트 정의
.리스트는 항목을 나열하는 데 사용된다.
.리스트는 번호 있는 리스트와 번호 없는 리스트로 나뉜다.

예)

<ul> <- 리스트 시작
	<li> ... </li> <- 리스트 항목
    <li> ... </li> <- 리스트 항목
</ul> <- 리스트 종료

===================================================================================

  • 번호 없는 리스트
    .번호 없는 리스트는 (ul)태그로 시작한다.
    .각 리스트 항목은 (li)태그로 시작한다.
    .리스트 항목은 앞에 불릿이 붙는다.

예)

<ul> <- 번호대신 점이 보인다.
	<li> ... </li> <- 리스트 항목
    <li> ... </li> <- 리스트 항목
</ul>

===================================================================================

  • 번호 있는 리스트
    .번호 있는 리스트는 (ol)태그로 시작한다.
    .각 리스트 항목은 (li)태그로 시작한다.
    .리스트 항목은 앞에 번호가 붙는다.

예)

<ol> <- 번호가 보인다.
	<li> ... </li> <- 리스트 항목
    <li> ... </li> <- 리스트 항목
</ol>

===================================================================================

  • 정의 리스트
    .정의 리스트는 항목들과 함께 항목의 정의(설명)가 표시되는 리스트이다.
    .정의 리스트는 (dl)태그로 생성된다.
    .(dt)태그는 항목을 나타내며, (dd)태그는 항목에 대한 설명을 나타낸다.

예)

<dl> <- 정의 리스트
	<dt>에스프레소</dt> <- 단어
    <dd>- 커피의 원액이다. </dd> <- 단어의 설명
    <dt>에스프레소</dt>
    <dd>- 커피의 원액이다. </dd>
</dl>

===================================================================================

참고 : 리스트 항목 안에도 텍스트, 이미지, 링크, 다른 리스트를 넣을 수 있다.

0개의 댓글

Powered by GraphCDN, the GraphQL CDN