목록, 부모와 자식 태그 관계

부모 태그 : 포함하는 태그
자식 태그 : 포함되는 태그

HTML에서는 부모 태그와 자식 태그가 있다.
앞선 글에서 <li>태그로 리스트를 만들었는데 <li>태그는 리스트를 만들어 주는 태그이다.

<h1>WEB</h1>
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>
html
<p>
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.
</p>

<ol>태그는 ordered-list로 순서가 있는 리스트를 만들어 준다.
<ul>태그는 unordered-list로 순서가 없는 리스트를 만들어 준다.
코드에서 <ol>을 해주었기 때문에 1, 2, 3이라는 인덱스가 만들어진다.
<ul>태그를 해주면

<h1>WEB</h1>
<ol>
	<li>HTML</li>
	<li>CSS</li>
	<li>JavaScript</li>
</ol>
<ul>
	<li>python</li>
	<li>java</li>
	<li>c++</li>
</ul>
html
<p>
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.
</p>

리스트를 각각 <ol>과 <ul>로 묶어주었는데 HTML, CSS, JavaScript 3개는 순서가 있는 <ol>태그의 자식 태그이고, python, java, c++은 순서가 없는 <ul>태그의 자식 태그이다.

즉, 목록은 순서가 있는지 없는지 판단하는 부모 태그, 목록을 직접 보여주는 자식 태그로 만들 수 있다.