본문 바로가기
HTML_CSS

HTML - list 출력

by le_piee 2020. 5. 2.

안녕하세요.

 

이번시간에는 리스트에 대해 알아보려고 합니다.

 

HTML에서 리스트는 2가지의 형태가 있습니다.

 

순서가 없는 리스트와 순서가 있는 리스트 입니다.

 

ul태그는 순서가 없는 리스트를 뜻합니다.

그 밑에는  li태그가 들어갑니다.

 

ol태그는 순서가 있는 리스트를 뜻합니다.

그 밑에는 li태그가 들어갑니다.

 

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8"/>
        <title>리스트</title>
    </head>
    <body>
        <h2>Items</h2>
        <ul> <!-- "unordered list" 순서가 없는 리스트-->
            <li>Computer</li><!--List Item-->
            <li>Notebook</li>
            <li>Mouse</li>
        </ul>
        <h2>language</h2>
        <ol><!-- "ordered list" 순서가 있는 리스트-->
            <li>HTML</li>
            <li>CSS</li>
            <li>Javascript</li>
        </ol>
    </body>
</html>

'HTML_CSS' 카테고리의 다른 글

Bootstrap (1) _소개 및 설치  (0) 2020.05.30
HTML- img 태그  (0) 2020.05.02
HTML- link태그  (0) 2020.05.02
HTML - P태그,i태그, b태그, strong태그  (0) 2020.05.02
HTML 기본 구조  (0) 2020.05.02