HTML <body></body> 태그 사용법
HTML 태그는 기본적으로 크게 <head></head> 태그와 <body></body> 태그로 나누어져 있다. 그 중에 <body></body>태그가 본문 내용으로 쓰이는 부분이다. 이 <body></body>태그의 속성에 대해 알아본다.
<body></body> 태그에 속성을 추가하는 방법은 아래와 같다.
<body 속성1="값1" 속성2="값2" 속성3="값3">본문 내용..</body>
<body></body> 태그 속성
background : 배경이미지를 출력한다. 배경이미지의 파일 경로나 URL경로값을 입력한다.
bgcolor : 배경색을 출력한다. 색상값을 입력한다.
link : 링크가 있는 텍스트의 클릭을 하기 전 색상값을 입력한다.
vlink : 이미 방문을 한적이 있는 링크의 텍스트 색상값을 입력한다.
alink : 링크가 있는 텍스트를 클릭하는 순간의 색상값을 입력한다.
text : 글의 색상값을 입력한다.
색상값을 입력할 때에는 "#000000 ~ #FFFFFF" 까지의 형태로 6자리의 16진수 RGB값으로 한다.
<body></body> 태그 샘플을 만들어보자
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> </head> <body background="img01.jpg" bgcolor="#ff9999" link="#ff0000" vlink="#00ff00" alink="#0000ff" text="#000000"> 배경 이미지="img01.jpg"<br><br> bgcolor="#ff9999" <br><br> <a href="http://www.daum.net">링크가 있는 텍스트의 클릭을 하기 전 색상값 - link="#ff0000"</a><br><br> <a href="http://www.naver.com">이미 방문을 한적이 있는 링크의 텍스트 색상값 - vlink="#00ff00"</a><br><br> <a href="http://www.naver.com">링크가 있는 텍스트를 클릭하는 순간의 색상값 - alink="#0000ff"</a><br><br> 글의 색상값 - text="#000000" </body> </html>
출력
위 샘플 출력에서 bgcolor 위에 background 속성이 덮어씌웠기 때문에 bgcolor는 안보이게 되었다.
'프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] 목록 태그 - <ol><ul><dl> (0) | 2017.09.05 |
|---|---|
| [HTML] 문단/문장에 사용되는 태그들 (0) | 2017.09.04 |
| [HTML] marquee와 그 속성 - <marquee></marquee> (1) | 2017.09.03 |
| [HTML] font 태그 속성 - <font></font> (0) | 2017.09.02 |
| [HTML] 문단 태그 -<br><p><hr><h> (0) | 2017.09.01 |
댓글