본문 바로가기
웹 풀스택 스터디(뉴렉처-학원)--> 이거 꼭 보세요/프론트엔드(뉴렉처)

07. HTML파일의 기본구조

by 백엔드개발자0107 2021. 8. 23.

html파일의 기본구조에 대해서 알기 전에,

 

hyperText Markup language 에 대해서 잘 알아야 한다.

 

이때 Language(언어) 에 대해서 정의를 해보자면

 

언어는 a가 b에게 의사를 전달하는 하나의 전달도구 라고 할수 있다.

 

내가 어떠한 키워드를 어떤 문서에다가 등록했다고 하자

 

그 키워드가 서로 의사소통이 가능하게끔 만들었다면 

 

그것은 하나의 언어가 되는것이다.

 

그 태그를 사용할때는 분명 규칙이라는 게 있을것이고 

 

우리는 그것을 문법이라고 한다.

 

가장 첫번째가 html이라는 태그로 시작해서 html태그로 끝난다.

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

head태그 안에는 설정관련된 내용이 들어가고

--> 주로 meta태그 가 들어간다.

 

body태그 에는 문서안에 들어갈 내용이 들어간다.

 

 

자 그러면 실습을 해보자..!

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>

<body>

	안녕하세요~ <b><a href="www.newlecture.com">뉴렉처</a> </b>입니다. <font color ="blue">뉴렉처 강의는</font>	
	단편적인 지식보다는 <u>용어의 올바른 이해 </u>와 그것을 제대로 사용할 수 있도록 하는 
	<i>올바른 코딩 지침 </i> 을 알려주고 있습니다.


</body>
</html>

자 , 이렇게 된다..!