Study

 

HTML 1. HTML 이란?

밍구 2020.08.20 23:56 조회 수 : 1

 

HTML이란?

Hypertext Markup Language의 줄임말로 웹 컨텐츠를 만들기위한 정말 기본이 되는 언어다.

 

구조를 HTML로 짜고 CSS나 Javascript 등을 통해 디자인이나 동적인 효과를 넣을 수 있다.

 

<html> ... </html>

html 태그는 HTML 페이지 전체를 감싸는 태그이며 root 요소라고도 한다.

html 태그 사이에 head 태그와 body 태그가 들어간다.

 

<head> ... </head>

head 태그는 홈페이지를 보고있는 사용자들에게 보여주지 않았으면 하는 것, 예를들어 CSS 선언과 페이지의 제목, 검색 결과에 표시되길 원하는 키워드 등을 넣을 수 있다.

 

<body> ... </body>

body 태그는 홈페이지를 보고있는 사용자들에게 보여주고자 하는 것들을 기재한다.

아무런 태그 없이 그냥 글자만 적어놓아도 출력이 된다.

 

HTML 에는 여는 태그와 닫는 태그가 존재한다.

<html> 여는 태그, </html> 닫는 태그

<head> 여는 태그, </head> 닫는 태그

<body> 여는 태그, </body> 닫는 태그

여는 태그가 있다면 닫는 태그도 있어야 모든 환경에서 정상적으로 동작한다.

 

그러나 일부의 태그는 닫는 태그 없이 단독으로 작동하는 태그도 있다.

이 태그들은 공백 태그, 빈 태그, empty tag 라고 한다.

공백 태그에는 img, meta, br 태그와 같은 태그들이 있다.

<br>

<br />

<img>

<img />

<meta>

<meta />

공백 태그 뒤에 /를 붙여도 되는데 없어도 문제 없이 동작 한다. (각각의 태그에 대한 설명은 추후에)

 

 

 

HTML 예시

<html>

<head>

<meta content="text/html; charset=utf-8">

<title>테스트 페이지 입니다.</title>

</head>

<body>

안녕하세요

</body>

</html>

위와 같은 방식으로 태그를 작성한다.

 

테스트로 정리한 태그 중 설명 안된 태그들 설명

meta content="text/html; charset=utf-8"은 쉽게말해 문자 인코딩 종류를 설정할 수 있는 태그다. (자세한건 추후에...)

title 태그는 페이지의 제목을 설정하는 태그다. 각 브라우져 페이지 상단 혹은 탭에 보이는 제목이 이 태그를 이용한거다.

 

 

번호 제목 글쓴이 날짜 조회 수
» 1. HTML 이란? 밍구 2020.08.20 1
1 0. HTML 공부를 시작하기전 밍구 2020.08.20 2