HTML 이란
- 웹 문서 서식 표준
- Hypertext Markup Language
- Hyperlink : 문서 연결 기능
- Text : 웹 문서
- Markup : 서식을 표현하기 위해 tag를 사용하여 표시
HTML 기본 구조
<p>My cat is very grumpy</p> <p> = Opening tag, </p> = Closing tag
My cat is very grumpy = Content
<p>My cat is very grumpy</p> = Element <p class="para">TCPschool.com</p>p = 태그 이름, class = 속성명, "para" = 속성값
<p class="para"> = Opening tag, </p> = Closing tag
TCPschool.com = Content HTML 문서 구조
<!DOCTYPE html> # 현재 문서가 HTML5 문서임을 명시
<html> # HTML 문서의 루트 root 요소를 정의
<head> </head> # HTML 문서의 메타데이터(metadata)를 정의
<body> </body> # 웹 브라우저를 통해 보이는 내용(content)
</html>HTML 요소 구조
문법 : <태그이름 style = "속성이름:속성값">HTML 블록(block)
블록 : 하나의 태그가 브라우저 좌우공간 모두 차지하는 독립적인 덩어리 공간을 가지는 요소
ex) div, table, h1 ~ h6, p, form, ul, ol, li, di, dt, dd, pre, blockquoteHTML 인라인(inline)
인라인 : 하나의 태그가 브라우저에서 코딩된 영역만 차지하여 좌우로 다른 태그가 나란히 위치 할 수 있는 요소
ex) span, a, br, em, strong, input, label, imgHTML 이란
- 웹 문서 서식 표준
- Hypertext Markup Language
- Hyperlink : 문서 연결 기능
- Text : 웹 문서
- Markup : 서식을 표현하기 위해 tag를 사용하여 표시
HTML 기본 구조
<p>My cat is very grumpy</p> <p> = Opening tag, </p> = Closing tag
My cat is very grumpy = Content
<p>My cat is very grumpy</p> = Element <p class="para">TCPschool.com</p>p = 태그 이름, class = 속성명, "para" = 속성값
<p class="para"> = Opening tag, </p> = Closing tag
TCPschool.com = Content HTML 문서 구조
<!DOCTYPE html> # 현재 문서가 HTML5 문서임을 명시
<html> # HTML 문서의 루트 root 요소를 정의
<head> </head> # HTML 문서의 메타데이터(metadata)를 정의
<body> </body> # 웹 브라우저를 통해 보이는 내용(content)
</html>HTML 요소 구조
문법 : <태그이름 style = "속성이름:속성값">HTML 블록(block)
블록 : 하나의 태그가 브라우저 좌우공간 모두 차지하는 독립적인 덩어리 공간을 가지는 요소
ex) div, table, h1 ~ h6, p, form, ul, ol, li, di, dt, dd, pre, blockquoteHTML 인라인(inline)
인라인 : 하나의 태그가 브라우저에서 코딩된 영역만 차지하여 좌우로 다른 태그가 나란히 위치 할 수 있는 요소
ex) span, a, br, em, strong, input, label, img