HTML 기본 구조...

HTML 기본 구조...

1. 태그는 '<' 와 '>' 로 구분짓습니다.

웹 문서에는 웹 문서의 내용과 태그까지 함께 들어 가지만 '< >' 로 묶인 부분이 태그(TAG) 입니다. 

2. 태그는 알파벳 소문자로 입력합니다.

html 태그는 대.소문자를 구별하지는 않지만 html5 표준에서는 태그와 태그안에 사용되는 속성들은 모두 소문자를 권장하고 있습니다.

올바른 형식 = <img src="./images/main.jpg">

틀린 형식 = <IMG src="./images/main.jpg">

3. open 태그와 close 태그를 정확히 입력해야 합니다.

대부분의 태그는 여는 태그와 닫는 태그로 쌍을 이룹니다. 여는 태그에서 닫는태그까지가 적용범위입니다.

닫는 태그가 없는 속성들도 있지만 대부분의 태그는 반드시 닫는 태그를 해줘야 웹 문서가 에러가 발생하지 않습니다.

4. 적당히 들여쓰기를 합니다.

웹 문서의 태그는 기본 속성상 여러 번 띄더라도 한 칸의 공백으로 인식을 합니다. 

html 소스를 코딩하면서 단계별로 들여쓰기의 태그를 포함하면 눈으로 쉽게 확인할 수 있어서 css나 javascript를 사용하면서 문서의 

구조를 확인할 때 편리합니다.

5. 태그는 속성과 함께 사용할 수 있습니다.

html 태그는 태그 하나만 사용되는게 아니라 그 태그에 여러가지 기능을 추가하여 사용하기도 합니다.

이미지를 넣는 태그인 <img>태그는 이미지의 경로를 알려주는 src 이미지의 크기를 결정하는 width & height, 이미지의 보조 설명을 할

수 있는 alt 속성등이 같이 사용됩니다.

태그마다 사용하는 속성들이 다르기에 해당 태그에 사용되는 속성들도 거의 외우고 있어야 코딩작업할때 수월합니다.