• 회원가입
  • 로그인
  • 구글아이디로 로그인
그누앞단언어 HTMLLv 1

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

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7,993  

목차

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

 

HTML 관련글

코딩동강 관련글

CSS 관련글

JavaScript 관련글

jQuery 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글
분류 제목
link HTML - <link> 태그 ★ - 외부소스연결 (= link태그 = 링크태그) (HTML5수정) ※ 파비…
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
form HTML - <select> 태그 ★ - 선택메뉴 (= select태그 = 실렉트태그 = 셀렉트태그) (H…
api HTML5 - Drag and Drop - 마우스로 끌어서 놓기 (= 드래그앤드롭)
font HTML - <i> 태그 - 이탤릭체 (=기울어진 글씨체 = 글씨 기울어지게 = i태그 = 아이태그, 이탤…
etc HTML - <tt> 태그 - 텔레타이프 텍스트 (= tt태그 = 티티태그)
media HTML - <audio> 태그 ★ - 음성파일재생 (= audio태그 = 오디오태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
programming HTML - <embed> 태그 - 외부동영상재생 (= embed태그 = 엠베드태그, HTML5추가)
etc HTML - 키보드 단축키 모음 (Window/Mac)
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
image HTML - <area> 태그 - 이미지맵에서 특정 링크 영역 (= area태그 = 에어리어태그) (HTML…
style HTML - <details> 태그 - 토글 가능한 세부사항(상세사항)을 표시 (= details태그 = 디…
form HTML - <textarea> 태그 ★ - 여러줄 입력창 (= 텍스트입력영역 = 텍스트영역 = textar…
font HTML - <strong> 태그 ★ - 굵은글씨 (= 글자굵기 = 폰트굵게 = strong태그 = 스트롱태…
image HTML - <map> 태그 - 이미지 특정 부분에 링크 (= map태그 = 이미지맵태그) ※ 이미지에 여러…
image HTML - <img> 태그 ★ - 이미지태그 (= img태그) ※ 이미지 일부 자르기, ※ 링크 허버 시,…
form HTML - <input> 태그 ★★★ - 입력창 + 입력버튼 (= input태그 = 인풋태그) ※ 자동포커…
font HTML - <u> 태그 ★ - 밑줄태그 (= u태그 = 유태그 = 언더라인태그) (HTML5재정의)
17/18
목록
오늘: 5,923 | 어제: 7,516 | 최대: 31,885 | 전체: 11,693,385
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
  • (견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
  • 인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)

공지사항

최신글

최신댓글

사이트명:홈짱닷컴, 연락처:
Copyright ⓒ https://homzzang.com. All rights reserved.
찾아주셔서 감사합니다. Since 2012