본문 바로가기

Web/html

5. 목록 태그

728x90

 

 

✔️ 목록 태그

HTML에서 목록을 만들기 위해 사용되는 주요 목록 태그에는 <ul>, <ol>, <li>가 있다. 이러한 태그들은 웹 페이지에서 항목을 순서 있는 목록(ordered list)이나 순서 없는 목록(unordered list)으로 구성하는 데 사용된다.

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>목록 태그</title>
</head>

<body>
    <h2>목록 태그</h2>
    <ul>
        <li>김사과</li>
        <li>오렌지</li>
        <li>반하나</li>
    </ul>

    <hr>
    <ol>
        <li>김사과</li>
        <li>오렌지</li>
        <li>반하나</li>
    </ol>

    <hr>
    <dl>
        <dt>홍길동 선생님</dt>
        <dd>김사과 학생</dd>
        <dd>오렌지 학생</dd>
        <dd>반하나 학생</dd>
    </dl>
</body>
</html>

 

 

 

 

 

              👇

 

 

 

728x90

'Web > html' 카테고리의 다른 글

7. 하이퍼링크 태그  (0) 2024.07.10
6. 이미지 태그  (0) 2024.07.10
4. 서식 태그  (0) 2024.07.10
3. 제목 태그  (0) 2024.07.10
2. 문단 태그  (0) 2024.07.10