Researcher to Developer

WEB1 - 12. 부모자식 태그 본문

코딩/'생활코딩' - WEB1

WEB1 - 12. 부모자식 태그

Probe29 2020. 12. 3. 22:19

'생활코딩' - WEB1의 모든 저작권은 '생활코딩'에 있으며, 단순 공부 및 정리를 위한 수단으로 생각해주시면 되겠습니다.


부모태그 - 포함하고 있는 태그

자식태그 - 포함된 태그

 

어떤 태그들은 항상 특정한 부모, 자식이 딸려오는 것들이 있습니다.

 

<li> 

List 즉 목차, 목록을 만들 때 사용하라고 만든 태그

<li>를 사용하면 목록이라는 표시로 점이 붙음

 

 

하지만 목록이 구분지어 지지 않으면 어떤 목록끼리 같은 항목인지 알 수 없기 때문에 경계가 필요합니다.

 

<ul> 

Unordered List

<li>태그의 부모태그

<ul>을 사용하면 목록이라는 표시로 점이 붙고, 오른쪽으로 밀림

 

<ol>

Ordered List

목록에서 자동으로 숫자가 넘버링되게 하는 <li>의 부모태그

 

<ol>,<ul> 둘다 <li>를 자식으로 가짐

 

그 밖에

<table><tr><td></td></tr></table>

와 같은 부모자식 태그도 있음

 

코드 입력 값(우), 웹페이지 (좌)

 

 

* 맥은 Command, 윈도우는 Ctrl 키를 누르면 원하는 곳에 복사 붙여넣기도 가능하고, Delete 도 가능

* Code를 선택해서 Tab키를 누르면 한쪽으로 들여쓰기 가능

* 코딩을 할때는 극단적 사고가 필요