What is HTML?
- HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어이다.
- 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성된다.
What is TAG?
- HTML를 구성하기 위한 요소
- 꺽쇠 괄호에 둘러 쌓여 있음 : <태그명>
분류별 TAG 정리
- Block 태그
- Block 태그는 새로운 라인에서 시작 되며, Block 태그 다음에 오는 모든 태그들은 새 라인에서 시작한다. 이 태그를 사용하면 다음 태그는 다음 행에서 시작되게 된다.
- Block 태그들은 css의 속성 중 height(세로), width(가로), margin(바깥쪽 폭), padding(안쪽 폭)을 적용할 수 있다.
비슷하지만 대립디는 태그로 Inline 태그가 있다.
Block 태그의 예 : p ,div- p 태그는 div 태그를 포함할 수 없으나, div 태그는 p 태그를 포함할 수 있다.
같은 Block 태그이지만, div 태그는 p 태그 처럼 문자 정보를 입력할 수 있지만, 실제 용도는 HTML 문서의 영역별 구분이며 각 영역의 용도를 구분하는 기능이므로 다른 블록 요소가 하위에 포함될 수 있다.)
- Inline 태그
Inline 태그들은 새라인에서 시작하지 않고 현재 라인에서 시작한다. Block 태그와 반대되는 속성을 지니며, 한 행 내에서 여러개의 Inline 태그를 나열할 수 있다.
Inline 태그들은 Block 태그와 다르게 css의 속성 중 height, width, margin, padding등의 속성을 적용할 수 없다.
예 : span
- 쌍으로 된 태그
태그의 시작과 끝이 따로 있어 시작과 끝 사이에 안에 코드를 넣는 태그 : <태그> 코드 </태그>
예 : p ,div 등..
- 쌍이 아닌 태그
태그의 시작과 끝이 따로 없는 태그 : <태그/> 또는 <태그>
예 : br, input 등..
- TAG의 종류
HTML태그 : HTML
HTML로 파일이 작성되어 있음을 알려줌.
html 파일 전체를 감싸는 태그<html> <head> <meta> <link> <script></script> </head> <body> </body> </html>
HEAD 태그 : head
머리말에 해당하며 css나 javascript를 연결해줌.
문자열 인코딩과 같은 문서의 다양한 정보를 제공.<html> <head> <meta charset="utf-8"> <link> <script></script> </head> <body> </body> </html>
META 태그 : meta
문서의 문자열 인코딩 등과 같은 문서의 다양한 정보를 제공.
TITLE 태그 : title
타이틀바에 입력될 텍스트
LINK 태그 : link
주로 외부 css 파일을 연결할 때 사용
SCRIPT 태그 : script
외부 js 파일을 연결하거나 javascript 코드를 입력할 때 사용
지속적으로 성장하고 발전하는 진취적인 태도를 가진 개발자의 삶을 추구합니다.