so woon!

tag (ol, ul, li) 본문

HTML/개념정리

tag (ol, ul, li)

xowoony 2022. 8. 27. 20:54

태그(ol)
- 중요도 : 🔴🔴🔴⚪⚪
- 종류 : 닫는 태그 필요
- ol태그 혹은 정렬된 리스트(Ordered List)는 순서와 관계있는 목록을 표시하기 위해 사용한다. 그 원소로 li태그를 가진다.
- 시멘틱 : 있음

 태그(ul) 
- 중요도 : 🔴🔴🔴🔴🔴
- 종류 : 닫는 태그 필요
- ul태그 혹은 정렬되지 않은 리스트(Unordered List)는 순서와 관계없는 목록을 표시하기 위해 사용한다. 
    그 원소로 li태그를 가진다.
- 주로 메뉴를 구성할때 사용하기 때문에 중요함.
- 시멘틱 : 있음

 태그(li) 
- 중요도 : 🔴🔴🔴🔴🔴
- 종류 : 닫는 태그 필요
- li태그 혹은 리스트 아이템(List Item)태그는 ol 및 ul 리스트의 각 항목을 구성하기 위해 사용한다.
- 시멘틱 : 있음

 

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>OL, UL, LI 태그</title>
    </head>
    <body>
        <ol>
            <li>초등학교</li>
            <li>중학교</li>
            <li>고등학교</li>
        </ol>
        <ul>
            <li>기능사</li>
            <li>산업기사</li>
            <li>기사</li>
        </ul>
    </body>
</html>
 
==============실행결과=========================
저작자표시 비영리 변경금지

'HTML > 개념정리' 카테고리의 다른 글

HTML 공통 속성(Attribute)  (0) 2022.09.05
tag (table, caption, thead, tbody, tfoot, tr, th, td)  (0) 2022.08.27
tag (input)  (0) 2022.08.27
tag (div, span, main, nav, header, footer, section, article, aside)  (0) 2022.08.27
경로 (Path)  (0) 2022.08.27
'HTML/개념정리' Related Articles more
Comments