[HTML5] html5 문서 구조 간단 정리 포스팅!

안녕하세요.

김c입니다.

비오는 월요일 시작입니다.

오늘은 오랜만에 HTML5 문서의 주고를 간단하게 정리하려고 해요~

HTML이라함은 HYPER TEXT MARKUP LANGUAGE의 줄임말입니다.

컴퓨터에게 어디서 어디가 이미지고, 글자는 어디인지 표시하는것을

마크업이라고 하고, 마크업 할때 사용하는 표기법이 태그(tag)라고 해요.

이 태그(tag)는 인터넷 페이지인 웹 페이지에 표시하는 내용을 전달하기에

오류없이 정확하게 코딩해야 합니다.

이러한 태그(tag)는 <, >로 구분합니다.

예를 들어 볼게요.

사이트를 돌아보다가 마우스의 오른쪽 클릭을 하면

나오는 팝업창에서 아래 이미지처럼 빨간 박스의 "페이지 소스"

보기를 많이들 보았죠?

웹서핑을 하다가 빠르게 사이트를 둘러보다가 "페이지 소스 보기"를 눌러

보신분들이 많을것입니다.

저 "페이지 소스 보기"를 눌러보면 아마도 이상한 영어로 알수도 없는 언어들을 보았죠?

바로 이런 문자들이지요~

이제 바로 웹페이지의 구성요서들을 이루고 있는 <, >로 묶인 html 태그(tag)입니다.

조금더 쉽게 이야기하면 웹 페이지가 글만 있는건 아니니까

웹페이지에서 쭉 내려가다가 중간에 이미지를 보여줄때는 img라는 (tag)를 사용해서

여기서부터는 이미지라고 알려줘야 합니다.

여기서 주의할점은 모든 태그는 <, >로 열고 닫아야 합니다.

또한 html태그는 소문자를 씁니다.

html5전까지는 대.소문자를 구분하지 않았지만 html5에서는 태그와 태그의

속성들은 소문자 사용을 권장하고 있습니다.

<권장하는 방법>

<img src="image/first_img1.jpg">

<권장하지 않는 방법>

<IMG src="image src="image/first_img1.jpg">

오늘은 html5에 대해서 간단하게 정리를 하였는데 앞으로 조금씩 조금씩 html5에

대해서 포스팅을 올리도록 하겠습니다.

감사합니다.