HTML에서 정렬된 목록(순서 있는 목록)을 만들려면 <ol> 태그를 사용합니다. 정렬된 목록은 <ol> 태그로 시작하며, 각 목록 항목은 <li> 태그로 작성합니다. 목록 항목 앞에는 기본적으로 숫자가 붙지만, 속성 설정에 따라 소문자 알파벳, 대문자 알파벳, 로마 숫자 등 다양한 형식으로 표시할 수 있습니다.
대문자 알파벳으로 번호가 매겨진 정렬 목록을 만들려면 <ol> 태그의 type 속성을 사용합니다. 예를 들어 <ol type="A">처럼 지정하면 목록 항목에 A, B, C와 같은 대문자 알파벳이 순서대로 붙습니다.
예제
아래 코드를 실행하면 HTML에서 대문자 알파벳으로 번호가 매겨진 정렬 목록을 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>World Cup Teams</title>
</head>
<body>
<h1>List of teams for World Cup</h1>
<ol type = "A">
<li>India</li>
<li>Australia</li>
<li>South Africa</li>
<li>New Zealand</li>
<li>Pakistan</li>
<li>Srilanka</li>
<li>West Indies</li>
<li>Bangladesh</li>
</ol>
</body>
</html>위 코드를 브라우저에서 실행하면 각 팀 이름 앞에 A부터 H까지 대문자 알파벳이 차례로 표시됩니다. 참고로 HTML5에서는 CSS의 list-style-type 속성을 사용해 upper-alpha 값으로 지정하는 방식도 권장되며, 이는 더 현대적이고 유연한 스타일링 방법입니다.