본문 바로가기
프로그램 개발

[HTML] BODY태그 속성 ::홈페이지, 스킨 제작하기

by DRIN 2016. 10. 11.

목차

    반응형

    오늘은 HTML태그중 하나인 BODY태그의 속성에 대해서 살펴보려합니다.

    BODY태그는 실제 화면에서 보이는 코드를 모아놓는 부분으로 중요한 역할을 하고 있습니다.


    이런 BODY태그에 속성이라는 것을 적용시킬수 있습니다.

    그럼 어떤 속성들이 있는지 살펴볼까요?


    TOPMARGIN="수치" 은 상단 여백을 지정합니다.

    LEFTMARGIN="수치" 은 왼쪽 여백을 지정합니다.

    여백은 모르시는 분들이 없을거라 예상하고 진행하겠습니다.


    BACKGROUND="주소" 은 배경 이미지를 생성합니다.

    배경화면처럼 홈페이지에 배경을 넣는 것입니다.

    하지만 HTML 배경지정은 너무 허접해서 사용하지 않습니다.

    뭐 굳이 써넣으시겠다면 사진파일이 HTML파일과 같은 위치에 있어야 하고,

    주소에는 "홍길동.jpg" 라고 써넣으시면 됩니다.

    홍길동은 예를 들기위함이니 사진 파일 이름을 적어넣어주세요.


    BGCOLOR="색상" 은 배경 색상을 지정합니다.

    홈페이지 배경의 색상을 지정해줍니다.

    이미지와는 다르게 색상을 지정하게되면 해당하는 색상으로 전부 채워지게 됩니다.


    TEXT="색상" 은 글자 색상을 지정합니다.

    BODY태그안에 써넣어지는 글자 색상을 지정하는 겁니다.

    파란색으로 하게 되면 모든 글씨가 파란색이 되어버리는 것이죠.


    LINK="색상" 은 하이퍼링크 색상을 지정합니다.

    하이퍼 링크 색상을 지정하는 겁니다.

    대체로 파란색?인걸로 알고 있습니다.


    ALINK="색상" 은 하이퍼링크를 마우스로 클릭할때 색상을 지정합니다.

    마우스를 클릭하는 순간에 색상이기 때문에 보이지도 않는 색상입니다.

    하이퍼링크를 클릭하는 순간부터 홈페이지 나오는 순간까지의 시간인데 

    0.2초정도의 시간이기에 사실상 색상을 지정할 필요도 없습니다.


    VLINK="색상" 은 이미 방문한 링크의 색상을 지정합니다.

    방문했던 링크의 색상을 지정하는데 대체로 보라색으로 되어있습니다.

    네이버에서 검색을 해서 들어갔다가 나오게 되면 

    들어갔던 제목부분이 보라색으로 변해있는 것을 확인 하실수있습니다.


    그럼 이제 이 속성들을 어떻게 사용하는 거냐?가 문제인데요.

    정말 쉽습니다.


    <BODY TOPMARGIN="100" LEFTMARGIN="200" .....>

    이런식으로 써넣으면 됩니다. 

    각 속성간의 구분은 스페이스바로 구분이 됩니다.


    이상 BODY태그의 속성에 대해서 알아보았습니다.

    2016/10/10 - [HTML] - [HTML] 자기소개서 만들기 ::홈페이지, 스킨 제작하기

    2016/10/10 - [HTML] - [HTML] 단락 P, PRE ::홈페이지, 스킨 제작하기

    2016/10/10 - [HTML] - [HTML] 줄 바꿈 BR, NOBR, WBR ::홈페이지, 스킨 제작하기



    반응형