본문 바로가기
프로그래밍/HTML

01 HTML이란?

by 윤지(●'◡'●) 2021. 4. 11.
반응형


HTML이란?

 

 

HTML은 Hypertext Markup Language 의 약자로 간단하게 말하자면 웹사이트의 틀을 만드는 언어이다.

 

 

 

HTML 태그

 

웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성된다.

각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용된다.

 

HTML 태그는 태그 이름을 꺾쇠 괄호(<>)로 감싸서 표현하며 문법은 아래와 같다.

1. <태그이름>  // 시작 태그
2. </태그이름> // 종료 태그

HTML 태그는 보통 시작 태그와 종료 태그의 한 쌍으로 구성되며,

종료 태그는 시작 태그와 전부 똑같지만, 태그 이름 앞에 슬래시(/)를 쓰면 된다.

태그에 따라 시작 태그만 있고 종료 태그가 없는 태그(빈 태그 : empty tag)도 존재한다.

 

 

 

HTML 작성방법

HTML 문서는 윈도우의 메모장 같은 기본 에디터로도 작성할 수 있지만, 별다른 기능이 없기때문에 사용하기가 어려워

메모장보다는 다양한 에디터들을 사용하고 있다.

저는 비주얼 스튜디오 코드를 사용합니당 ༼ つ ◕_◕ ༽つ

 

 

 

HTML 기본문서 구조

<!DOCTYPE html>
<html>
	<head>
   		<title>제목</title>
 	</head>
 	<body>
    		내용
 	</body>
</html>

<!DOCTYPE html> : HTML 문서의 선언이며, 버전5를 나타낸다

 

<html> : 전체 HTML 문서를 감싸는 태그, 브라우저에게 HTML 코드가 해당 태그 내부에 존재한다고 알려준다.

하나만 존재해야 하고 HTML 바깥에 DOCTYPE을 제외한 다른 태그가 있으면 안된다

 

<head> : HTML문서의 정보를 저장하는 태그

 

<title> : 웹 페이지의 제목을 나타내는 태그로, 본문에는 나타나지 않고 브라우저의 탭에서 확인할 수 있다.

head 태그 안에 위치한다.

 

<body> : 브라우저를 통해 보이는 내용(content) 부분이다.

 

위의 코드를 실행해본 브라우저

 

 

HTML 특징

 

- HTML문서는 확장명을 .html로 저장한다.
- HTML문서는 문서를 작성할 수 있는 프로그램이라면 어디든 작성이 가능하다.
- HTML은 대소문자를 구별하지 않는다. 단, 소문자로 작성하는 것을 권장한다.
- HTML은 띄어쓰기, 줄바꿈을 구별하지 않는다.
- HTML은 태그 형태로 괄호(<명령어>)를 사용하여 표현한다.
- HTML은 <명령어> 시작태그,</명령어> 종료태그로 이루어져 있다.
  (* 하지만, 모든태그가 시작태그와 종료태그로 이루어지지는 않음)

 

 

 

 

 

 

 

출처 : http://www.tcpschool.com/
반응형

댓글