믿고 함께하는 서비스 만들기 - 웹호스팅

HTML 개요	기본태그	HTML 편집기

1. 기본태그1

BODY 태그 : HTML 문서의 내용으로, 모든 문서와 그림을 담게 됩니다. 다음의 속성이 있습니다.

① bgcolor : 문서의 배경색을 변경하고자 할 때 사용합니다.
    색상값은 색상코드표를 참고하시면 됩니다.

형식) <body bgcolor="#배경색상값"> ② background : 문서의 배경 이미지 , HTML 문서에서는 배경 이미지가 타일처럼 반복이 됩니다.
    - 경로에 대한 설명은 이곳을 클릭하시면 자세히 보실 수 있습니다.
    - 대신 리눅스 서버의 경우 대소문자를 구별하므로 주의하셔야 합니다. 형식) <body background="배경 이미지의 경로"> ③ text : 문서 전체의 기본 글자 색상을 지정합니다. 형식) <body text="#텍스트 색상값"> ④ link : link는 링크가 걸린 텍스트나 이미지의 테두리 색깔을 지정하고, vlink는 한 번 방문한 링크의 색깔을 지정합니다. 그리고     alink는 링
크가 걸린 부분을 누르고 있을 때의 색깔을 지정하는 것입니다. 형식) <body link="#링크 색상값" vlink="#방문한 링크 색상값" alink="#활성화 중인 링크 색상값"> ⑤ margin : 문서의 여백을 지정합니다. 단위는 모두 픽셀(pixel)이며, topmargin 과 leftmargin은 인터넷 익스플로러(Internet Explorer)에서 여
백을 지정하며, marginwidth 와 marginheight는 넷스케이프(Netscape)에서 여백을 지정합니다. 그렇기 때문에, 두 가지 여백을 모두 적어 주는
것이 좋습니다. 예) <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

2. 기본태그2

① 주석 달기
    소스에 대한 설명을 써 놓는 곳입니다. 주석을 이용하면 다른 사람이 소스를 보아 한눈에 무슨 내용인지 알 수 있습니다. 주석은     

② 줄 바꾸기 및 여백 조절하기
    <br> : 문서상에서 줄 바꿈을 하고자 할 때 사용합니다. 여러 개 붙여 사용이 가능합니다.
    <p> : 문서상에서 줄 바꿈을 하고자 할 때 사용합니다. 붙여 사용할 수 없습니다.

③ 여백 조절
    HTML 소스에서 태그를 입력하다가 스페이스 키는 여러 번 입력해도 단 한번만 적용됩니다. 간격을 벌리고자 할 때 스페이스     키는 단 한번
밖에는 적용되지 않습니다. 여러 칸을 띄우고자 할 때에는   라는 태그를 이용하십시오. 하나를 쓸 때마다 한     칸씩 띄어쓰기가 되니까
원하는 만큼 붙여 쓰십시오.

<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>