HTML

HTML - 태그(3)

이번에는 목록 태그들의 대해서 알아보도록 하겠습니다.

먼저, 이 목록을 사용하기 전에, 태그의 중첩을 알아봐야합니다.

중첩이란, 여러 가지를 겹치는 겁니다.

즉, 여기서 우리는  태그 안에 태그를 넣어 보려고 하는겁니다.

그 전에 <!DOCtype html>안에 있던 태그도 전부 중첩이 돼어 있었다는 것을 알아 두셔야 합니다.

순서가 없는 목록

순서가 없는 목록을 배열할 때는 그 목록 겉에 ul 태그를 감싸줍니다.

그리고 목록 하나하나 마다 li 태그로 감싸주면 그 목록 내용이 list, 즉 목록이라는 것을 HTML 에게 알려줍니다.

그러면 다음과 같이 작성하여 봅니다.

tag(3).html을 만들고 다음을 복사합니다.

<!DOCtype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>tag(3)</title>
    </head>
    <body>
        <ul>
            <li>순서가 없는 목록</li>
            <li>순서가 없는 목록</li>
            <li>순서가 없는 목록</li>
        </ul>
    </body>
</html>

실행 결과는

(점) 순서가 없는 목록

(점) 순서가 없는 목록

(점) 순서가 없는 목록

입니다.

 

그러면 순서가 있는 목록을 정의 한다면?

순서가 있는 목록

다음 내용을 </ul> 밑에 추가합니다.

<ol>
    <li>순서가 있는 목록</li>
    <li>순서가 있는 목록</li>
    <li>순서가 있는 목록</li>
</ol>

실행결과는

1. 순서가 있는 목록

2. 순서가 있는 목록

3. 순서가 있는 목록

입니다.

댓글

댓글 본문
버전 관리
int
현재 버전
선택 버전
graphittie 자세히 보기