본문 바로가기
Today I Learned/HTML5&CSS

html5의 시작

by nyanguk 2020. 3. 3.

html이란?

Hyper Text Mark-up Langage 의 줄임말로써 웹페이지 제작 언어

 

Hyper? Text? Mark-up? Langage?

왜 html이라고 하는 것 일까요? 여기저기 구글링 결과...대강 느낌은 잡은 것 같아요!

 

#Hyper Text

웹페이지에서 다른 웹페이지로 이동할 수 있는것!

 

간단하게 책으로 비교 해주셨는데요! 원하는 지식_1의 의미를 얻기위해 책 한권을 꺼내 들었어요

그러나 책에는 지식1에 대한 배경, 의미, 활용 등등 여러 카테고리를 가지고 있죠

저는 지식1의 의미를 알고 싶지 배경이나 활용방안에 대해서 알고 싶은게 아니에요

그렇다면 어떻게 해야 할까요? 바로 책의 목차부분을 살펴봐서 지식1의 의미 부분으로 점프 하여 봐야겠죠?

이것이 Hyper Text라고 합니다! 글, 문서에 대한 비순차적인 접근이라고 쉽게 말 할수 있을 것 같아요

 

#Mark-up Langage

웹 브라우저에게 명령을 내릴 수 있는 언어 

 

개발언어에도 c,c++,java 등등이 있듯이... 웹 브라우저에게 명령을 내릴 수 있는 언어를 Mark-up Langage라고 해요.

<> 꺽쇠 안에 정의 된 용어로 태그(tag)를 표현해요.

 

 

#태그(tag)

대소문자 구분을 하지않으며 모든 태그에는 시작 태그와 끝 태그가 존재해요!

<html>시작태그 ... </html>끝태그

/ 하나로 시작태그와 끝태그의 구분이 가능합니다. 

대부분의 태그에는 속성과 속성값이 있어요!

속성과 속성값의 구분은 = 으로 할 수 있습니다.

 

#html의 기본문법 

<html> 이 문서의 시작이며 </html>로 문서가 끝이 납니다.

이안에 <head> ... </head> <body> ... </body> 들어가면서 본격적인 문서 작업이 시작됩니다

 

 

그럼.....주석처리는 어떻게 하나요오?

C,C++에서는 // ,Python에서는 #

html에서는?  <!-- --> 입니다!

바로 아래 코드 처럼요!

 

<html>

	<head>
	.
	</head>

	<body>
	.
	<!--주석은 이렇게 다는 거지롱-->
	.
	</body>


</html>

확장자 .htm .html는 

 

 

혼자 독학중입니다! 틀린 내용이나 부족한점 있으면 꼭 댓글로 알려주세요! 피드백 하겠습니다