|
|
|
 |
|
|
| |
|
|
 |
|
1. 기본태그1
BODY 태그 : HTML 문서의 내용으로, 모든 문서와 그림을 담게 됩니다. 다음의 속성이 있습니다. |
① bgcolor : 문서의 배경색을 변경하고자 할 때 사용합니다.
색상값은 색상코드표를 참고하시면 됩니다.
<![CDATA[ 형식) <body bgcolor="#배경색상값">]]>
② background : 문서의 배경 이미지 , HTML 문서에서는 배경 이미지가 타일처럼 반복이 됩니다.
- 경로에 대한 설명은 이곳을 클릭하시면 자세히 보실 수 있습니다.
- 대신 리눅스 서버의 경우 대소문자를 구별하므로 주의하셔야 합니다.
<![CDATA[ 형식) <body background="배경 이미지의 경로">]]>
③ text : 문서 전체의 기본 글자 색상을 지정합니다.
<![CDATA[ 형식) <body text="#텍스트 색상값">]]>
④ link : link는 링크가 걸린 텍스트나 이미지의 테두리 색깔을 지정하고, vlink는 한 번 방문한 링크의 색깔을 지정합니다. 그리고 alink는 링
크가 걸린 부분을 누르고 있을 때의 색깔을 지정하는 것입니다.
<![CDATA[ 형식) <body link="#링크 색상값" vlink="#방문한 링크 색상값" alink="#활성화 중인 링크 색상값">]]>
⑤ margin : 문서의 여백을 지정합니다. 단위는 모두 픽셀(pixel)이며, topmargin 과 leftmargin은 인터넷 익스플로러(Internet Explorer)에서 여
백을 지정하며, marginwidth 와 marginheight는 넷스케이프(Netscape)에서 여백을 지정합니다. 그렇기 때문에, 두 가지 여백을 모두 적어 주는
것이 좋습니다.
<![CDATA[ 예) <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">]]> |
|
|
| 2. 기본태그2
|
① 주석 달기
소스에 대한 설명을 써 놓는 곳입니다. 주석을 이용하면 다른 사람이 소스를 보아 한눈에 무슨 내용인지 알 수 있습니다.
주석은 <!-- 과 --
>사이에 입력하며 입력한 글씨는 화면상에서 보이지 않습니다.
형식 ) <!--개발자가 전달하고 싶은 내용을 입력합니다.--->
② 줄 바꾸기 및 여백 조절하기
<br> : 문서상에서 줄 바꿈을 하고자 할 때 사용합니다. 여러 개 붙여 사용이 가능합니다.
<p> : 문서상에서 줄 바꿈을 하고자 할 때 사용합니다. 붙여 사용할 수 없습니다.
③ 여백 조절
HTML 소스에서 태그를 입력하다가 스페이스 키는 여러 번 입력해도 단 한번만 적용됩니다. 간격을 벌리고자 할 때 스페이스 키는 단 한번
밖에는 적용되지 않습니다. 여러 칸을 띄우고자 할 때에는 라는 태그를 이용하십시오. 하나를 쓸 때마다 한 칸씩 띄어쓰기가 되니까
원하는 만큼 붙여 쓰십시오.
|
|
 |
|
<![CDATA[
<html>
<head>
<title> 문서의 기본속성 바꾸기 </title>
</head>
<body bgcolor="#ffff9c" text="#9c00ff" link="#ff0000" vlink="#0000ff"
alink="#339900" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10">
현재 이 문서는 문서의 배경색은 노란색으로 기본글자 색상은 보라색으로
지정하였습니다.<p>
<a href="http://www.asadal.com">(주)아사달</a><p>
위의 링크 걸린 텍스트를 보시면 처음에는 붉은색, 누르고 있을 경우는
초록색, 방문하고 난 다음은 파란색으로 변경이 될 것입니다.
</body>
</html>]]>
|
|
|
|
|
|
|
|
HTML 개요
