목록 태그
1. <ul>
: Unordered List(정렬되지 않은 목록)을 나타내는 태그입니다.
예시:
<ul>
<li>항목 1</li>
<li>항목 2</li>
<li>항목 3</li>
</ul>
<ul> 태그 안에 <li> 태그를 사용하여 목록 항목들을 추가합니다.
2. <ol> :
Ordered List(정렬된 목록)을 나타내는 태그입니다.
<ol> 태그 안에 <li> 태그를 사용하여 목록 항목들을 추가합니다.
<li> 태그 안에는 각 항목의 번호가 자동으로 매겨집니다.
예시:
<ol>
<li>항목 1</li>
<li>항목 2</li>
<li>항목 3</li>
</ol>
3. <li> : List Item(목록 항목)을 나타내는 태그입니다.
<ul> 또는 <ol> 태그 안에서만 사용됩니다.
예시:
<ol>
<li>항목 1</li>
<li>항목 2</li>
<li>항목 3</li>
</ol>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>목록을 나타내는 태그들</h1>
<P>
<ol>
<li>순서가 없는 태그 'ul태그'</li>
<ul>
<li>각 목록 별로 li태그로 구분함</li>
<li>목록은 특정 기호로 나타냄</li>
<li>순서가 상관 없는 목록을 나타낼 때 사용함</li>
</ul><br>
<li>순서가 없는 태그 'ol태그'</li>
<ul>
<li>각 목록 별로 li태그로 구분함</li>
<li>목록은 숫자로 나타냄</li>
<li>순서가 중요한 목록을 나타낼 때 사용함</li>
</ul>
</ol>
</P>
</body>
</html>
위와 같은 코드를 실행하면
로 나타내진다.
'개발공부 > HTMl+CSS+JAS' 카테고리의 다른 글
| [HTML] 목록 만들기 연습_2 (0) | 2023.03.16 |
|---|---|
| [HTML] 목록 만들기 연습_1 (0) | 2023.03.16 |
| [HTML] 이스케이프 문자 (0) | 2023.03.16 |
| [HTML] 인용문 태그 (0) | 2023.03.16 |
| [HTML] 줄바꿈 태그 (0) | 2023.03.16 |
