베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
    - HTML 소개
    - 텍스트
    - 링크
    - 이미지
    - 테이블
    - 인클루드
    - 프레임
    - 폼(FORM)
    - 이미지 자르기
    - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
생활 홈페이지 만들기
비즈니스 홈페이지 만들기
쇼핑몰 홈페이지 만들기
HTML 소개
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > HTML 소개
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 소스에서 태그를 입력하다가 스페이스 키는 여러 번 입력해도 단 한번만 적용됩니다. 간격을 벌리고자 할 때 스페이스     키는 단 한번
밖에는 적용되지 않습니다. 여러 칸을 띄우고자 할 때에는 &nbsp; 라는 태그를 이용하십시오. 하나를 쓸 때마다 한     칸씩 띄어쓰기가 되니까
원하는 만큼 붙여 쓰십시오.




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

사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 02-2026-2000 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저