[HTML] 기본 구조, 문법 정리

<link ref="stylesheet href="경로" />

Link Element

• 경로의 CSS 파일 연결

 

<script defer src="경로"></script>

Script Element

• 경로의 JS 파일 연결

 

<h1~6></h1~6>

Heading Element

• 주제(제목)를 의미
• 숫자가 작을수록 중요한 것
• 상자(Block) 요소

 

<div></div>

Division Element

• 단순 구분 용도로, 특별한 의미 X
• 상자(Block) 요소

 

<span></span>

Span Element

• 단순 구분 용도로, 특별한 의미 X
• 글자(Inline) 요소

 

<a href="경로"></a>

Anchor Element

• 다른 경로(페이지)로 이동
• 글자(Inline) 요소

 

<img src="경로" alt="이미지_이름" />

Image Element

• 경로의 이미지를 출력
• 글자(Inline) 요소

 

<div class="이름"></div>

HTML Class 속성

• 요소의 이름(별명)을 추가
• 이 이름을 CSS 선택자(Selector)로 활용해야 한다.

 

 

 상자 요소 (Block Elements) 

• 가로 너비가 최대한 늘어난다! (한 줄에 요소 한 개)
• 세로 너비는 최대한 줄어든다!
• 크기 지정이 가능하다.

 

 글자 요소 (Inline Elements) 

• 가로 너비가 최대한 줄어든다! (한 줄에 요소 여러 개)
• 세로 너비도 최대한 줄어든다!
• 크기 지정이 불가하다.