1. HTML

HTML

NamGH 2023. 9. 13. 17:45

HTML는 hyper text markup language라는 줄임말이다

용어	설명
요소(Element)	시작과 종료 태그의 조합 meta, img, hr, br 태그들은 셀프 클로징태그라고 불린다
태그(Tag)	<>식으로 둘러싸인 범위 안에 명령어 이름을 표시한다. 거의 모든 태그는 닫는 태그가 존재한다</>
속성(Attribute)	시작 태그 안에 삽입되며 =와 "를 이용하여 값을 지정한다. 태그 내의 [키="값"]으로 구성된 항목으로 [속성]이라고 한다.
값(Value)	속성이 들어가는 실제 값이다.

요소의 종류

블럭요소 : body안에서 자신만의 공간을 가질수 있는 요소 즉 한줄을 다차지한다. 높이와 넓이를 가질수있다

인라인 요소 : 문장내의 요소라는 뜻이다. 텍스트안에 요소박스를 만들고 한줄의 흐름이 끊어 지지 않는다.

display 속성

-display로 강제로 블럭요소로 만들거나 강제로 인라인요소로 만들수 있다.

태그 명령어

태그 명령어	태그 명령어의 의미
<html></html>	문서의 맨 처음과 끝에 들어간다
<head></head>	HTML문서의 큰 제목 부분을 정한다
<title></title	웹 페이지의 제목을 지정한다
link, vlink, alink	body태그 내의 속성으로 사용된다. 링크, 방문한 링크, 클릭시 색을 지정한다

서식관련 태그

HR 태그

- 내용을 분리시키는 가로 수평선을 넣는다

- 종료 태그가 없는 홀태그 형식이다

- 블록 요소이다

div span 태그

태그	설명
div	블록 요소이다 구역을 나타내는 요소이다 웹 페이지를 제작할때 레이아웃을 담당하는 가장 기본적인 요소이다 여러겹을 겹쳐서 표현할 수 있다
span	인라인 요소이다 CSS를 이용하여 글자들에 디자인 및 레이아웃을 적용할때 사용한다 강조된 텍스트를 나타낼때는 strong을 사용한다 디자인적인 표현을 적용시킬때 사용한다

hn p br태그

태그	설명
hn 태그	일반적으로 제목을 지정할때 사용된다 여기서 n은 1~6사이의 정수이다 블록요소이다 내부적으로 <br>이 들어간셈이다 <h1>이 가장 큰 글자이며 숫자가 6에 가까워질수록 작아진다 align 속성 사용가능하다
p 태그	문단을 구성할때 사용한다 줄바꿈은 css를 이용하거나 <br>태그를 이용하여 처리한다
br 태그	인라인요소다음에 다음줄로 넘어가고 싶을때 사용한다 종료태그가 없는 empty형태의 태그이다

글꼴 종류

폰트 관련태그