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

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

 


분류 제목
formatting HTML - <progress> 태그 - 진행상태바 (=진행바 = 진행막대 = 작업막대 = progress태…
deprecated HTML - <param> 태그 - 미디어매개변수 (= param태그 = 패럼태그 = 파람태그 = 패러미터태…
form HTML - <optgroup> 태그 - 선택사항묶음 (= optgroup태그 = 옵트그룹태그, 옵션그룹태그…
list HTML - <ul> 태그 ★ - 객체 ★ - 순서없는리스트 (= 순서없는목록태그 = ul태그 = 유엘태그/…
style HTML - <aside> 태그 ★ - 관련 별도 콘텐츠 (= aside태그 = 어사이드태그)
formatting HTML - <wbr> 태그 - 한 단어 내 줄바꿈 위치/지점 표시 (= wbr태그 = 더블유비알태그)
attribute HTML - Event Attribute - 이벤트속성종류
formatting HTML - <q> 태그 - 짧은인용구 (= 짧은인용태그 = q태그 = 큐태그)
intro HTML - Accessibility (웹표준・웹접근성) ★
formatting HTML - <strike> 태그 - 취소선 (= 스트라이트태그) (HTML5 지원 X)
table HTML - <thead> 태그 - 테이블머리글그룹 (= thead태그 = 티헤드태그) (HTML5수정)
basic HTML - <title> 태그 ★ - 웹문서제목 (= title태그 = 타이틀태그)
formatting HTML - <ruby> 태그 ★ - 글자 상단 주석 달기 (= ruby태그 = 루비 태그) ※ 후리가나 달…
list HTML - <li> 태그 ★ - 리스트목록 (= 리스트아이템 = li태그 = 리태그/리스트태그/엘아이태그…
etc HTML - inputmode 전역속성 - 사용자 입력값 데이터타입 힌트 (= inputmode속성 = 인풋…
etc HTML - Entity (= 태그 실체값 = 특수문자/기호 실질값 = 독립체)
list HTML - <ol> 태그 ★ - 순서있는리스트 (= 목록태그 = ol태그 = 오엘태그 = 올태그) - (H…
formatting HTML - <address> 태그 - 연락처 (= address태그 = address요소 = 어드레스태그)
style HTML - <main> 태그 ★ - 문서기본내용 (= main태그 = 메인태그)
image HTML - <svg> 태그 - 그림그리기 (= 동적그림 = svg태그 = 에스브이지태그)
13/18
목록
찾아주셔서 감사합니다. Since 2012