몽땅연필

HTML5 기본 용어 개념잡기!

코딩하는 꼬부기의 HTML 포스팅을 시작하겠습니다.

먼저 HTML을 공부하기전에 기본적인 용어정리를 해야겠죠?

HTML5를 사용하기 위해서 3가지 용어 및 사용법을 기본적으로 알고 있어야합니다. 

1. 태그(Tag)

2. 속성(Attribute)

3. 주석(annotation)

이렇게 3가지 입니다.

먼저 태그부터 알아볼게요.

태그는 시작태그와 종료태그로 나누어집니다.

시작이 있으면 끝이 있겠죠?

태그 또한 마찬가지입니다.

반드시 시작태그를 입력하였으면 종료태그를 입력해주어야 제대로 적용되는 것을 확인 할 수 있습니다.

* 반드시 시작한 태그와 종료한 태그를 같은 태그를 입력해주어야 합니다.

두번째로 속성에 대해서 알아볼게요.

속성은 속성이름과 속성값 두가지로 구분 할 수 있습니다.

속성이름에는 말그대로 어떤 속성을 적용 할 것인지 속성의 이름을 입력해주면 됩니다.

두번째로 속성값은 앞에 입력한 속성의 값을 입력해주는 것입니다.

현재는 #을 입력해 놓았으며 a태그속성의 속성값 #은 스크롤을 가장위로

즉, 페이지 가장 위쪽으로 올라가게 하는 속성입니다.

각각의 속성과 속성값은 추후 포스팅에서 알아보도록 하겠습니다.

세번째로 주석에 대해서 알아볼게요.

주석은 HTML을 편집할 때는 보이지만 실제 페이지를 출력하는 화면에서는 보이지 않게 하는 방법입니다.

주로 사용하는 용도로는 태그 사이사이에 어떤 태그인지 이 태그의 사용법은 어떠한지를 안내 할때 사용합니다.

홈페이지 제작은 1인이 전적으로 하는것도 가능하지만 보통은 다수의 퍼블리셔들이 작업을 합니다.

그렇기때문에 주석을 통해서 작성한 코드에 코멘트를 달아준다고 생각하시면 되니다.

사용방법은

<!-- 내용 -->

이런식으로 입력하면 됩니다.

내용이 길어질때는 

<!--

긴 내용

-->

이렇게 칸을 바꿔서 작성하시면 됩니다.

주석은 내용을 입력하는 공간안에서는 어떠한 문자, 속성 등을 무시하고 오로지 텍스트로만 인식합니다.

이렇게해서 HTML을 공부하기전 꼭 알아야할 3가지를 알아보았습니다.

앞으로 공부할게 정말 많습니다.

저 또한 지속적으로 공부를 해야한다고 생각합니다.

계속해서 생겨나고 없어지는 코드와 정의되고있는 웹표준을 따라가기 위해서 모두 같이 열심히 공부해야겠습니다.^^

By 코딩하는 꼬부기