• 회원가입
  • 로그인
  • 구글아이디로 로그인

[basic] HTML - <body> 태그 ★ - 문서영역 (= 문서본문영역 = body태그/body요소 = 바디태그/바디요소)

목차

  1. <body> 예제
  2. <body> 정의
  3. <body> 구문
  4. <body> 속성

cf. <head> 태그 : https://homzzang.com/b/html-85

 

<body> 예제


<!DOCTYPE HTML>
<html> 
    <head>
        <title>문서 제목 : 홈짱닷컴 (homzzang.com)</title>
    </head>
    <body>
        문서 내용 : 홈짱닷컴 (Homzzang.com) 홈페이지 무료 제작 강의
    </body>
</html>

 

<body> 정의


텍스트, 이미지, 링크, 목록, 테이블 등 문서의 주요 내용이 보일 영역 지정.

 


 
1. 
<body> ~ </body>처럼 시작태그와 종료태그로 구성. 
 
2. 
body 태그의 레이아웃(Layout: 틀) 관련 모든 속성이 HTML5 부터는 지원 X.
따라서, DTD 타입이 HTML5일 경우, 레이아웃 관련 속성이 적용되지 않게 됨.
 
3.
body 요소는 신기한 height (높이값) 특징 갖음. ★
 

 

<body> 구문

 

<body 속성="속성값">


 

<body> 속성

  속성 
 속성값  용도  지원 여부
 bgcolor 
 색상 코드  배경 색깔 지정  HTML5 폐기
 background 
 이미지 URL 주소  배경을 이미지로 지정  HTML5 폐기
 text 
 색상 코드  텍스트 색깔  HTML5 폐기
 link
 색상 코드  방문 않은 링크 색깔
 HTML5 폐기
 HTML 4.01 폐기
 alink 
 색상 코드  링크 클릭할 때 색깔  HTML5 폐기
 vlink 
 색상 코드  이미 방문한 링크 색깔  HTML5 폐기

※ 위 태그 속성은 CSS로 대체되어 HTML5에서는 더 이상 지원 안 함. 

※ <body> 태그는 전역속성이벤트속성 지원.

 


분류 제목
basic HTML - <html> 태그 ★ - HTML문서 (= html태그/html요소 = 에이치티엠엘태그/에이치티…
frame HTML - <frame> 태그 - 프레임셋안 개별프레임창 (HTML5제외)
media HTML - <source> 태그 - 미디어소스 불러오기 (= source태그 = 소스태그)
table HTML - <tfoot> 태그 - 테이블꼬릿말그룹 (= 테이블풋 = tfoot 태그 = 티풋태그) (HTM…
responsive HTML - Responsive Web Design (반응형 웹디자인) 장단점 + 홈페이지 제작법
style HTML - <footer> 태그 ★ - 단락꼬릿말 (= footer태그 = footer요소 = 푸터태그 =…
formatting HTML - <blockquote> 태그 ★ - 긴 인용구 (= blockquote태그 = blockquot…
link HTML - <nav> 태그 ★ - 네비게이션링크모음 (= nav태그 = 네브태그)
table HTML - <tbody> 태그 - 테이블셀그룹 (= 테이블바디 = tbody태그 = 티바디태그) (HTML…
formatting HTML - <ins> 태그 - 텍스트삽입표시 (= ins태그 = 인스태그 = 삽입태그)
formatting HTML - <cite> 태그 - 인용구 제목 (= cite태그 = cite요소 = 저작물제목 = 인용태그 …
formatting HTML - <bdo> 태그 - 텍스트출력방향 (= bdo태그 = bdo요소 = 글자방향 = 브도태그 = …
form HTML - <fieldset> 태그 ★ - 폼양식 관련요소묶음 (= fieldset태그 = 필드셋태그) (…
font HTML - <big> 태그 - 큰글씨 (= big태그 = big요소 = 큰글자 = 글자 크게 = 빅태그)…
formatting HTML - <var> 태그 - 변수정의 (= 변수태그 = var태그 = 바태그)
attribute HTML - Global Attribute - 전역속성 종류
form HTML - <output> 태그 - 계산 결과값 출력 (= output태그 = 아웃풋태그)
programming HTML - <object> 태그 - 미디어삽입 (= object태그 = 어브젝트태그)
api HTML5 - Server-Sent Event - 서버전송이벤트 (= 서버센트이벤트)
intro HTML - 태그 문법 ★
14/18
목록
찾아주셔서 감사합니다. Since 2012