HTML(10)

박찬영·2024년 1월 5일

HTML

목록 보기
10/18

1. 목록

 • 목록은 연관 있는 항목(item)들을 나열한 것을 의미한다
 • HTML 목록은 '순서 없는 목록'과 '순서 있는 목록'으로 구분된다
 
   → 순서 없는 목록 : <ul></ul>
   → 순서 있는 목록 : <ol></ol><li>태그는 목록에 들어가는 항목 하나 하나를 표현할 때 사용하는 태그이다
 
 * <ul>, <ol>, <li> 는 모두 블록 레벨 요소를 만드는 태그이다
 
 

2. 실습

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>목록 만들기</title>
    </head>
    <body>

        <h1>귀여운 동물 목록</h1>
        <ul>
            <li>강아지</li>
            <li><strong>고양이</strong></li>
            <li>두더지</li>
            <li>햄스터</li>
        </ul>

        <hr>

        <h1>프로그래밍 공부 순서</h1>
        <ol>
            <li><mark>HTML</mark></li>
            <li>CSS</li>
            <li>JAVASCRIPT</li>
            <li>NODEJS</li>
        </ol>
        
    </body>
</html>

 
profile
블로그 이전했습니다 -> https://young-code.tistory.com

0개의 댓글