html은 프로그래밍 언어가 아닌 마크업 언어라고 합니다.
마크업? 마크업은 순차적 마크업과 서술적 마크업이 있습니다.
순차적 마크업 언어는 한 문서에 기본 데이터, 구조, 표현 정보가 저장되며, 문서 내용을 어떻게 시각적으로 표현할 것인가에 대한 정보를 비롯하여 폰트, 색상, 여백, 줄 간격 등 표현에 관련된 다수의 추가 정보가 포함됩니다.
반면 서술적 마크업 언어는 기본 데이터와 구조만으로 이루어져 있기 때문에 제목, 부제목, 작가, 서론, 주소, 참고 도서 등의 구조 정보만 가집니다.
HTML은 순차적 마크업 언어에 해당됩니다.
그리고 HTML을 배우시는데 기본적인 속성 3가지를 알고 계셔야 합니다.
1 . 태그 (tag)
- 태그 "<" ">" 로 만들어진 내용을 의미합니다.
그래서 태그 <html> 이란 태그를 시작하면 </html> /를 포함한 같은 태그로 마무리 하셔야 합니다.
이게 지켜지지 않으면 에러가 납니다.
물론 단독으로 쓰이는 경우도 종종 있지만 대부분의 태그는 시작과 끝이 있어야 합니다.
2. 속성(attribute)
- 태그는 종류가 다양한데요. 그 태그안에 속성을 넣어서 색상이나 기능 등을 추가할 수 있습니다.
<input type ="text" id="user_id" name="user_id" value="" ></input>
<input type ="text" id="user_id" name="user_id" value="" />
태그안에 들어가 부분이 속성입니다.
어제 만든 hello.html 소스에 저 부분을 추가해봅니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
Hello, world!
<input type ="text" id="user_id" name="user_id" value="" ></input>
<input type ="text" id="user_id" name="user_id" value="" />
</body>
</html>
결과 입니다.
3. 요소(element)
- 시작 태그와 종료 태그 모두를 포함하여 ‘요소(element)’라고 합니다.
<input type ="text" id="user_id" name="user_id" value="" ></input>
이제 html은 순차적 마크업 언어이고 태그, 속성, 요소 3가지를 가지고 이루어진다는 점 기억하세요.
댓글