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

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

 


분류 제목
table HTML - <caption> 태그 - 테이블제목 (= 표제목 = caption태그 = 캡션태그) (HTML…
intro HTML - 준비물 + 추천링크 (※ 사용중지・사용폐기 태그) 2
basic HTML - <p> 태그 ★ - 글단락 (= 글문단 = p태그/p요소 = 피태그/피요소)
meta HTML - <meta> 태그 ★★ - 메타정보 (= meta태그 = 메타태그) (HTML5수정) + 모바일…
formatting HTML - <pre>, <xmp> 태그 ★ - 공백줄바꿈보존 (= 보존태그 = 있는그대로태그 = 있는대로태…
form HTML - <option> 태그 ★ - 선택사항 (= 옵션사항 = option태그 = 옵션태그)
style HTML - <span> 태그 ★★★ - 인라인요소그룹 (= span태그 = 스팬태그 = 스판태그)</spa…
font HTML - <sup> 태그 ★ - 위첨자 (= 상단작은글씨 = 상단태그 = sup태그 = 섭태그 = 서프태…
programming HTML - <script> 태그 ★★ - JS코드입력 (= 동적기능언어입력 = script태그 = 스크립트…
font HTML - <h1> ~ <h6> 태그 ★ - 문단제목글씨크기 (= 표제태그 = 단락제목글자크기 = h1태그…
style HTML - <div> 태그 ★★★★★ - 영역 지정 (= 섹션 분할 = div태그 = 디브태그 = 디비전태…
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
font HTML - <small> 태그 - 작은글씨 (= small태그 = 스몰태그)
font HTML - <font> 태그 - 폰트(크기/색깔/스타일) (= font태그 = 폰트태그, HTML5제외)
table HTML - <colgroup> 태그 - 테이블의 col태그묶음 (= colgroup태그 = 콜그룹태그, H…
font HTML - <em> 태그 - 의미 강조어 텍스트 기울게 표시 (= em태그 = 엠태그/이멤태그/엠퍼시스태그…
basic HTML - &nbsp; 기호 - 줄바꿈 않는 공백/빈칸 표시 특수문자 (= 공백기호/빈칸기호 = Non-B… 1
form HTML - <legend> 태그 - fieldset제목/설명 (= legend태그 = 레전드태그) (HTM…
formatting HTML - <code> 태그 - 컴퓨터소스코드 출력 (= code태그 = 코드태그)
basic HTML - <br> 태그 ★ - 줄바꿈 (=br태그/br요소 = 비알태그/비알요소) ※ 한줄아래로 줄바꿈 …
16/18
목록
찾아주셔서 감사합니다. Since 2012