HTML #1 기본개념

 

 

 

 

 

 

 

 

 

 

 

 

위 파란색 박스 main에는 이렇게 section으로 나뉘어져

한 section 안에 article로 구분되어 질수있다

 

 

 

 

 

 

 

 

 

옆에 이미지 article 안에는 텍스트 본문과 아이콘이 있다

이렇게 반복되고 재사용이 가능한 걸 묶어둔  것이 article이다.

 

 

 

 

 

 

box 안에 들어있는 것들이 섹션 나뉘어지는 태그이다

특히 section 안에서 article이 여러개 들어갈수있고

div 는 스타일링이 필요할때 컬러를 넣거나 묶어야할때 사용된다 굉장히 많이 쓰는 태그 어디서나 사용가능

item은 사용자들에게 보여지는 태그 모음

a 는 링크 걸 수 있는 태그이다

 

item 태그들을 크게 2가지로 나누어서 생각해보면 좋다

밑에 두가지가 배치되는 구조가 조금 다르다

↓

위와 같이 노란색 박스를 핑크색 옆에 배치하려고 해보자

Block

핑크색 태그 옆에 충분한 공간이 있음에도 다음 줄에 노란색 태크가 배치되었다.

무조건 한줄에 1개씩 배치된다

Inline

태그 옆에 충분한 공간이 있으면 옆자리에 배치가 가능하다

 

태그를 사용할때는 <>를 사용하고 끝날때는 </>로 닫는다.

태그 사이에 들어가 있는 내용을 콘텐츠라고 한다.

이 전체적인 것을 Element 라고 말한다.