HTML 기초 정리(15) - <body> 본문 본문
HTML 기초 정리(15) - <body> 본문
- 2024. 11. 26. 22:25
728x90
정의 및 사용법
태그 <body>는 문서의 본문을 정의합니다.
요소 <body>에는 제목, 문단, 이미지, 하이퍼링크, 표, 목록 등 HTML 문서의 모든 내용이 포함됩니다.
참고:<body> HTML 문서에는 요소가 하나만 있을 수 있습니다 .
예시1
문서에 배경 이미지 추가(CSS 사용):
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
예시2
문서의 배경색 설정(CSS 사용):
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
예시3
문서의 텍스트 색상 설정(CSS 사용):
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
</html>
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(17) - <button> 버튼 (0) | 2024.11.30 |
|---|---|
| HTML 기초 정리(16) - <br> 개행 (0) | 2024.11.27 |
| HTML 기초 정리(14) - <blockquote> 인용 (0) | 2024.11.25 |
| HTML 기초 정리(13) - <bdo> 텍스트 방향 (0) | 2024.11.24 |
| HTML 기초 정리(12) - <base> 기준 (0) | 2024.11.23 |
프로그램/HTML Related Articles
-
HTML 기초 정리(17) - <button> 버튼
-
HTML 기초 정리(16) - <br> 개행
- HTML 기초 정리(14) - <blockquote> 인용
-
HTML 기초 정리(13) - <bdo> 텍스트 방향
RECENT COMMENT