본문 바로가기

Webstoryboy

Category

Explanation

HTML/Alphabet

[HTML] <body>

<body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 문서에서 한 번만 사용됩니다.


<body>

<body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.

특징 설명
요소 블록 요소(block Element)
닫는 태그 적용(<body> ~ </body>)
버전 HTML4
시각적 표현 -
사용성 ★★★★★

정의(Definition)

  • <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.
  • <body> 태그는 문서에서 한 번만 사용됩니다.

비교(Compare)

  • <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.
  • <article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
  • <section> 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다.
  • <nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
  • <aside> 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다.
  • <h1>~<h6> 태그는 각 섹션의 제목을 설정합니다.
  • <header> 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다.
  • <footer> 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다.

속성(Property)

속성 값(예) 설명 버전
alink alink="black" 문서의 링크의 색상을 설정합니다. html5
background background="URL" 문서의 배경 이미지를 설정합니다. html5
bgcolor bgcolor="black" 문서의 백그라운드 색을 설정합니다. html5
bottommargin bottommargin="10px" 문서의 아래쪽 마진을 설정합니다. html5
leftmargin leftmargin="10px" 문서의 왼쪽 마진을 설정합니다. html5
link link="black" 문서에 방문하지 않은 링크의 색상을 설정합니다. html5
rightmargin rightmargin="10px" 문서의 오른쪽 마진을 설정합니다. html5
text text="black" 문서의 텍스트 색을 설정합니다. html5
topmargin topmargin="10px" 문서의 위쪽 마진을 설정합니다. html5
vlink vlink="black" 문서에 방문한 링크의 색상을 설정합니다. html5

예제1(Sample)

<body> 태그를 사용하는 예제입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
</head>
<body>
    <!-- 본문에 해당하는 모든 콘텐츠 설정 -->
</body>
</html>

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<body>

참고 사이트(Reference)


더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기