[WEB1] 부모, 자식 태그를 알아보자!

Rae-eun Yang·2022년 3월 5일
1

생활코딩 WEBn

목록 보기
4/21
post-custom-banner
<p>
  <span>안녕</span>
</p>

위 코드에서 p태그는 부모 태그, span태그는 자식 태그가 됩니다.
모든 태그들이 부모 태그와 자식 태그로 나뉘어져 있는 것은 아닙니다.
하지만 몇 개의 태그들은 부모와 자식 관계가 정해져 있습니다.


ul, ol 태그와 il 태그

<ul>
	<il>html</il>
    <il>css</il>
    <il>javascript</il>
</ul>
<ol>
	<il>html</il>
    <il>css</il>
    <il>javascript</il>
</ol>
  • html
  • css
  • javascript
  1. html
  2. css
  3. javascript

부모 자식 관계가 명확한 대표적인 태그가 바로 ul, ol 태그와 li 태그입니다.

  • ul (unordered list) : 순서가 없는 목록
  • ol (ordered list) : 순서가 있는 목록
  • li (list) : 목록

ul 태그는 css를 사용하면

  • <- 이 모양을 바꿀 수 있습니다.


profile
ContentsDev Manager
post-custom-banner

0개의 댓글