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

[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> 태그는 전역속성이벤트속성 지원.

 


분류 제목
image HTML - <canvas> 태그 - 그림그리기 (= canvas태그 = 캔버스태그)
attribute HTML - pattern 속성 - 유효한 입력값인지 정규표현식 패턴 검사 (= pattern속성 = 패턴속…
programming HTML - <applet> 태그 - 애플릿 (= applet태그 = 애플릿태그)
list HTML - <menuitem> 태그 - 마우스오른쪽 팝업메뉴 (= menuitem태그 = 메뉴아이템태그) …
formatting HTML - <dfn> 태그 - 용어 정의 (= dfn태그 = 드픈태그 = 디파인태그)
list HTML - <dd> 태그 ★ - 설명리스트의 설명항목 내용 (= dd태그 = 디디태그) ※ (정의리스트/데…
list HTML - <dir> 태그 - 디렉토리목록 (= dir태그 = 디르태그 = 디렉토리태그) (HTML5제외)
list HTML - <dl> 태그 ★ - 설명리스트 (= 설명목록 = dl태그 = 디엘태그) (HTML5용도변경) …
api HTML5 - Web Worker - 백그라운드실행JS (= 웹워커)
style HTML - <dialog> 태그 - 대화박스 (= 대화상자 = dialog태그 = 다이알로그태그) (HTM…
font HTML - <tt> 태그 - 동일너비의 작은글씨 (= 티티태그) (HTML5제외)
style HTML - <summary> 태그 - 세부사항의 머리글 (= summary태그 = 서머리태그 = 써머리태…
form HTML - <keygen> 태그 - 암호화쌍키생성 (= keygen태그 = 키젠태그)
attribute HTML - hidden 속성 - 요소 숨기기 (= hidden속성 = 히든속성)
formatting HTML - <acronym> 태그 - 두문자어 (= acronym태그 = acronym요소 = 애크로님태그…
formatting HTML - <kbd> 태그 - 키보드입력키 표시. (= kbd태그 = 키보드태그)
meta HTML - <head> 태그 ★ - 문서정보정의 (= head태그 = 헤드태그) (HTML5에서 속성 지원…
attribute HTML - Attribute ★ - 속성종류 (= 전역속성 + 이벤트속성 + 그외속성)
intro HTML - HTML5 사용조건 / HTML4.01과 다른점 (= HTML5 vs HTML401 차이점)
formatting HTML - <abbr> 태그 - 축약어/두문자어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리…
12/18
목록
찾아주셔서 감사합니다. Since 2012