[HTML/CSS] 헤더태그, 문단태그, 블럭요소와 인라인요소 등

헤더 (h) 태그

헤더 태그는 글의 제목이나 부제목을 표기할 때 사용한다. 

헤더 태그는 h1~h6까지 있으며 숫자가 작을수록 크기가 크다. (h1의 크기가 가장 큼)

 

헤더 태그(h1~h6)는 머릿말 용도로 사용해야 하며 

단순히 글자크기를 크게하거나 두껍게 표기하는 용도로는 사용하지 말아야 한다. 

 

 

 

 

문단 (p) 태그 (블록요소)

문단 태그는 하나의 문단을 표기하는 용도로 사용되며 <p></p> 형태로 사용된다. 

문단을 나누는 용도이므로 <p>태그 전후로 공백(여백)줄이 추가된다. 

줄바꿈도 되지 않고 띄어쓰기는 한번만 적용된다. 

 

블럭요소와 인라인요소 

블럭요소 :
항상 끝나고 개행을 한다. (줄바꿈O)
공간을 지정할 수 있다. 
아래 위 또는 왼쪽 오른쪽에 공백을 지정할 수 있다. 

인라인요소 :
줄 개행을 하지 않는다. (줄바꿈X)
공간을 지정할 수 없다. 
요소 안에 내용만큼 공간을 차지한다.
위아래 공백을 지정할 수 없으나 내부공백은 지정할 수 있다.

 

 

 

 

b 태그  : 굵은 글씨

strong 태그  : 굵은 글씨

<b>와 <strong>의 차이 : 겉보기엔 똑같은 굵은글씨지만 소리로 읽을 때는 b는 강세X, strong은 강세O

 

 

 

 

i 태그  : 글씨 기울이기

em 태그  : 글씨 기울이기

a 태그  : 링크효과

href 태그  : 이동할 페이지 링크 저장 

 

<i>와 <em>모두 기울임 효과, em을 좀 더 자주씀

<a> 태그만 주면 링크효과만 주고 클릭 시 아무변화도 일어나지 않음

a+href 형태로 써야 효과가 발생함

예) <a href = "https://www.□ □ □ .com">□ □ □ </a>로 가기 

 

 

 

 

hr 태그  : 수평선 긋기 

br 태그  : 강제 줄바꿈 

 

 

 

 

img 태그  : 이미지를 웹에 표시 (인라인요소)

src : 이미지경로 

alt : 이미지 출력이 안될때 대체 텍스트 

title : 마우스오버시 출력되는 (확인가능한) 텍스트 

 

 

 

 

 

**강력한 새로고침 ctrl + shift + R

 

 

 

 

728x90