본문 바로가기
Web/HTML

HTML 란?

by chaen98 2020. 9. 12.
반응형

HTML(HyperText Markup Language)

HTML이란 웹사이트를 만드는 가장 기초가 되는 마크업 언어이며, 구조에 대한 정보를 작성하는 언어이다.

Markup 언어는 특별한 기호나 표기를 사용하여 글의 구조와 스타일을 지정하는 언어이다. 
단! 프로그래밍 언어에는 포함되지 않는다

 

 

 

HTML 기본 구조

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>
    Hello World!!
</body>
</html>

1. DOCTYPE : 문서의 규격을 표시할 때 사용

<DOCTYPE html> → html5를 의미

 

2. <html></html> : HTML로 작성된 문서를 알려주는 태그로써 문서의 범위를 설정하는 태그이다.

 

3. <head></head> : 머리글로 문서의 기본정보를 포함하고 있는 부분이다. 

이부분에 작성한 코드들은 브라우저 화면에 직접적으로 보이지 않는다.

 

4. head안에 들어가는 태그들

태그 의미 속성
meta 페이지의 설명 요약, 핵심키워드, 제작자등 보이지 않는 정보 제공 (검색엔진이나 브라우저에 정보 제공) charset : 문자인코딩 방식
name : 메타 데이터의 이름(정보의 종류)
title 웹 페이지의 제목을 나타내는 태그  
link 외부 리소스의 연결 및 현재문서와의 관계 명시 rel : (필수)현재믄서와 외부 리소스와의 관계(stylesheet)
href : 외부 리소스의 URL
type : 외부 리소스의 타임 (text/css)
style 스타일 정보(css)를 설정  
script 스크립트 코드 포함, 참조  

 

5. <body></body> : 브라우저 화면에서 보이는 것들 (HTML 문서의 구조를 설정)  

 

 

 

 

참고자료

반응형

'Web > HTML' 카테고리의 다른 글

HTML태그 - 입력양식태그  (2) 2020.09.17
HTML 태그 - 표 태그  (12) 2020.09.15
HTML 태그 - 목록태그  (4) 2020.09.15
HTML 태그 - 앵커태그, 글자 형태 관련 태그  (19) 2020.09.13
HTML 태그 - 제목태그, 본문태그  (10) 2020.09.12

댓글