컴퓨터학원 방학특집 SUMMER SPACIAL
엠투엠공지사항 | 2007.06.18 10:21

사용자 삽입 이미지


컴퓨터학원 여름방학특강 2007년 7월 3일 개강!!
C언어특강, 캐드단기와성, 오픈마켓, 소호쇼핑몰 창업과정!!
취업대비, 학과보충, 자격증취득!!
www.m2mcomputer.com

신고

 
 
 
태그 : 대구컴퓨터학원, 컴퓨터학원 방학특집
트랙백0 | 댓글3
omlbskzv 2007.08.12 20:16 신고 R X
검색만 하다가 지치는 미팅사이트 때려잡기!
화상채팅에서 욕구충족이 불가능한 남성분 대환영!
조건녀도 대환영!
만나서 바로 엔조이 하는곳!
KoreaSwapping.com
lcduogqs 2007.08.12 20:17 신고 R X
검색만 하다가 지치는 미팅사이트 때려잡기!
화상채팅에서 욕구충족이 불가능한 남성분 대환영!
조건녀도 대환영!
만나서 바로 엔조이 하는곳!
KoreaSwapping.com
vxpzdvjl 2007.08.19 09:14 신고 R X
검색만 하다가 지치는 미팅사이트 때려잡기!
화상채팅에서 욕구충족이 불가능한 남성분 대환영!
조건녀도 대환영!
만나서 바로 엔조이 하는곳!
KоreaSwapping.com
아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



[CSS 강좌]테두리의 색상, 형식 두께를 지정하는 border 속성
웹마스터/웹프로그래밍 | 2007.03.15 14:37

1) 테두리의 색상, 형식 두께를 지정하는 border 속성

①border 속성을 이용한 테두리 색상 설정하기

        {border-color:[색이름 | RGB값]{1,4}}      테두리 색상을 한꺼번에 설정

        {border-top-color:색이름 | RGB값}          위쪽 테두리의 색상 설정

        {border-bottom-color:색이름 | RGB값}     아래쪽 테두리의 색상 설정

        {border-left-color:색이름 | RGB값}         왼쪽 테두리의 색상 설정

        {border-right-color:색이름 | RGB값}       오른쪽 테두리의 색상 설정


②border 속성을 이용한 테두리 형식 설정하기

        {border-style: 속성값{1,4}}         테두리 스타일을 한꺼번에 설정

        {border-top-style: 속성값}          테두리 위쪽 스타일 설정

        {border-bottom-style:속성값}      테두리 아래쪽 스타일 설정

        {border-left-style:속성값}           왼쪽 테두리 스타일 설정

        {border-right-style:속성값}         오른쪽 테두리 스타일 설정


③border 속성을 이용한 테두리 두께 설정하기

        {border-width: [thin | medium | thick | 길이]{1,4}}

        테두리 두께를 한꺼번에 설정

        {border-top-width: thin | medium | thick | 길이단위값}

        테두리 위쪽 두께 설정

        {border-bottom-width: thin | medium | thick | 길이단위값}

        테두리 아래쪽 두께 설정

        {border-left-width: thin | medium | thick | 길이단위값}

        왼쪽 테두리 두께 설정

        {border-right-width: thin | medium | thick | 길이단위값}

        오른쪽 테두리 두께 설정


④border 속성을 이용한 테두리 일괄적으로 설정하기

        {border: 테두리두께색상스타일}                테두리 일괄설정

        {border-top: 테두리두께색상스타일}          위쪽 테두리 일괄 설정

        {border-bottom: 테두리두께색상스타일}     아래쪽 테두리 일괄 설정

        {border-left: 테두리두께색상스타일}`         왼쪽 테두리 일괄 설정

        {border-right: 테두리두께색상스타일}         아래쪽 테두리 일괄 설정


※테두리 스타일 설정

속    성

내    용

none

스타일을 사용하지 않으며,border-width의 값은 0이 됩니다.

dotted

점선으로 표현됩니다.

dashed

굵은 점선으로 표현됩니다.

solid

실선으로 표현됩니다.

double

이중 실선으로 표현됩니다.

groove

오목하게 들어간 액자 테두리 모양으로 표현됩니다.

ridge

볼록하게 나온 액자 테두리 모양으로 표현됩니다.

inset

내용이 잠긴 느낌의 입체선 모양으로 표현됩니다.

outset

내용이 튀어나온 느낌의 입체선 모양으로 표현됩니다.

출   처 :
신고

 
 
 
태그 : CSS, HTML
트랙백0 | 댓글0
아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



HTML 태그 명령어 모음
웹마스터/웹프로그래밍 | 2007.03.15 14:35
HTML 태그 명령어 모음
문서의 기본 구조를 나타내 주는 태그
<HTML>
<HTML>...
HTML 언어로 작성되어 있다는 것을 알려줍니다.
<HEAD>
<HEAD>...
Heading의 준말로 글의 머리말에 해당합니다.
<BODY>
<BODY>...
본문에 해당하는 부분을 알려줍니다.
<TITLE>
<TITLE>...
타이틀바에 새겨질 글자를 정의합니다.
<Hn>
<Hn>...
표제 부분에 들어갈 말을 정의합니다. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본값은 H4입니다.
<!-...->
<!-주석내용->
주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.
문단 혹은 줄을 바꾸는 태그
<P>
<P>
문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤 것같은 효과가 나타납니다.
<BR>
<BR>
문단을 바꾸는 태그입니다. 줄바꿈의 역할만을 수행합니다.
<PRE>
<PRE>...
여백이나 줄간격 등을 고정시켜 주는 역할을 합니다.
글자의 크기를 마음대로 조절하는 태그
<FONT>
<FONT SIZE=n>
...
글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다.
선그리기 태그
<HR>
<HR ALIGN=
WIDTH= SIZE=>
입체적인 선을 그려줍니다. ALIGN은 선의 정렬을, WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다.
이미지 맵을 처리하는 태그
<ISMAP>
<IMG SRC=
"..." ISMAP>
이미지맵을 정의합니다.
<MAP>
<MAP NAME=...>
...
넷스케이프2.0에서 이미지맵을 정의합니다.
목록을 정리해 주는 태그
<LI>
<UL>...
순서가 없는 목록으로 일반적인 나열을 말합니다.
<OL>...
순서가 있는 목록으로 위에서부터 번호를 매깁니다.
<MENU>...
메뉴 목록으로 그리길지 않은 문장의 열거에 사용합니다.
<DIR>...
디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다,
<DL>...
정의 목록 태그입니다.
  • 가 아닌
    를 사용합니다.
  • 문서를 가운데로 정렬시켜 주는 태그
    <CENTER>
    <CENTER>...
    </CENTER>
    전체 문장을 가운데로 정렬시켜 줍니다.
    인용하기 태그
    <BLOCKQUOTE>
    <BLOCKQUOTE>...
    </BLOCKQUOTE>
    문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리합니다.

    글자의 모양을 정의해 주는 태그
    <STRONG>
    <STRONG>...
    굵은 글씨를 나타내 주는 태그입니다.
    <B>
    <B>...
    <EM>
    <EM>...
    이탤릭체의 글씨를 나타내 주는 태그입니다.
    <I>
    <I>...
    <KBD>
    <KBD>...
    타자기체의 글씨를 나타내 주는 태그입니다.
    <CODE>
    <CODE>...
    <TT>
    <TT>...
    배경 이미지 작업하기
    <BODY>
    <BODY
    BACKGROUND="...">
    배경 이미지를 띄워줍니다.
    <BODY
    BGCOLOR="#nnnnnn">
    배경 색깔을 지정해 줍니다.
    그밖의 태그들
    <DFN>
    <DFN>...
    정의되어지는 단어에 대한 것을 말합니다.
    <CITE>
    <CITE>...
    책이나 사진 등의 제목을 말할 때 쓰입니다.
    <SAMP>
    <SAMP>...
    컴퓨터상에 메시지를 나탈낼 때 쓰입니다.
    <VAR>
    <VAR>...
    이탤릭체로 표현됩니다.
    <SUB>
    <SUB>...
    첨자에 관한 태그입니다.
    <SUP>
    <SUP>...
    윗첨자를 나타냅니다.
    <BASEPOINT>
    <BASEPOINT>...
    <BASEPOINT>
    기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.
    부분을 강조해 주는 태그
    <BLINK>
    <BLINK>...
    글자를 깜박이게 해줍니다.
    <U>
    <U>...
    글자에 밑줄을 그어줍니다.
    연결하기 태그
    <A>
    <A HREF="...">
    ...
    다른 홈페이지와 연결시켜 줍니다.
    <A NAME="...">
    ...
    자신의 홈페이지 내에서 연결해 줍니다.
    주소 편지 서비스
    <ADDRESS>
    <ADDRESS>...
    </ADDRESS>
    주소에 대한 정의를 내려줍니다.
    <MAILTO>
    <A HREF="MAILTO...">
    편지쓰기 창을 띄워 줍니다.
    색상 지정하기
    <BODY>
    <BODY TEXT=
    "#nnnnnn">...
    글자색을 지정합니다.
    <BODY LINK=
    "#nnnnnn">...
    하이퍼링크의 색을 지정합니다.
    <BODY VLINK=
    "#nnnnnn">...
    한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.
    <BODY ALINK=
    "#nnnnnn">...
    누르고 있는 동안의 색을 지정합니다.
    만들기 태그
    <TABLE>
    <TABLE BORDER>...
    </TABLE>
    표의 전체 형식을 나타냅니다.
    <TR>
    표 내부에 들어갈 형식을 정의합니다.
    <TD COLSPAN=n>
    가로칸을 n만큼 합쳐줍니다.
    <TD ROWSPAN=n>
    세로칸을 n만큼 합쳐줍니다.
    <TD ALIGN=...>
    표안의 좌우 정렬 방식을 정의합니다.
    <TD VALIGN=...>
    표안의 상하 정렬 방식을 정의합니다.


    문서를 임의고 고정시키는 태그
    <NOBR>
    <NOBR>...
    화면 크기에 따라 문단이 바뀌는 것을 방지합니다.
    <WBR>
    <WBR>...
    위의 태그 안에서 문단을 바꿀 때 사용합니다.
    CGI 양식 첨가하기
    <FORM>
    <FORM>...
    양식을 정의합니다.
    <FORM METHOD="..."
    ACTION="...">
    양식의 방법을 정의합니다.
    <TEXTAREA>
    <TEXTAREA NAME="..."
    ROWS="...">
    글틀 상자를 정의합니다.
    <INPUT>
    <INPUT TYPE="...">
    어떤 형태로 입력할 것인지를 정의합니다.
    <INPUT TYPE="RADIO">
    라디오 단추를 만들어줍니다.
    <INPUT TYPE=
    "CHECKBOX">
    체크 상자를 만들어 줍니다.
    <INPUT TYPE=
    "SUBMIT">
    제출 버튼을 만들어 줍니다.
    <INPUT TYPE="RESET">
    취소 버튼을 만들어 줍니다.
    <SELECT>
    <SELECT NAME="...">
    선택 사항 상자를 만들어 줍니다.
    창만들기 태그
    <FRAME>
    <FRAMESET>...
    </FRAMESET>
    창의 기본 틀을 지정합니다.
    <FRAMESET ROW=
    "숫자 혹은 %">
    위 아래로 나눠줍니다.
    <FRAMESET COLS=
    "숙자 혹은 %">
    좌우로 나눠줍니다.
    <FRAME SRC="..."
    MARGINWIDTH="...">
    창에 들어갈 좌우 여백을 정의합니다.
    <FRAME SRC="..."
    MARGINHEIGHT="...">
    창에 들어갈 상하 여백을 정의합니다.
    <FRAME SCROLLING=
    "...>
    스크롤바를 설정해 줍니다.
    <NOFRAMES>...
    </NOFRAMES>
    프레임이 안보이게 해줍니다.
    이미지 다루기에 필요한 태그
    <IMG>
    <IMG SRC="...">
    이미지를 정의해 줍니다.
    <IMG SRC="..."
    ALIGN=...>
    이미지의 정렬 상태를 나타내 줍니다.
    <IMG SRC="..."
    WIDTH="..."
    HEIGHT="...">
    이미지의 크기를 조절해 줍니다.
    <IMG SRC="..."
    LOWSRC="...">
    이미지를 JPEG파일로 나타내 줍니다.
    <IMG SRC="..."
    VSPACE= HSPACE=>
    이미지의 여백을 조절해 줍니다.
    <IMG SRC="..."
    BORDER="...">
    이미지의 태두리선을 조절합니다.
    <IMG SRC="..."
    ALT="...">
    이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.
     
    ※ ㅡ 음악태그 쉽게 이해하기
    음악 태그는 아래와 같습니다

    <embed src= 음악 주소>

    embed 는 음악을 삽입하라 라는 명령어 이지요
    src 는 그 경로를 말하고요


    여기에 몇가지가 추가될 수도 있습니다

    첫번째, 음악을 자동으로 들을 것인가 수동으로 들을 것인가

    a. 자동으로 들을려면.... autostart=false
    b. 수동으로 들을려면.... autostart=false

    두번째, 노래바를 감출 것인가 노출 시킬 것인가

    a. 감출 경우..........hidden=true
    b. 노출 시킬 경우.....width=100 height=20
    (노래바의 크기임)

    세번째, 한번만 들을 것인가,날 새도록 들을 것인가

    a. 제한적으로 들을 때......loop=듣고 싶은 수
    b. 날 새도록 듣고 싶을 때..loop=true

    네번째, 통상적으로 볼륨은 0 으로 하세요

    a. 볼륨.....volume=0

    그러면 음악 태그를 다시 만들어 볼까요

    *자동으로 듣고 노래바는 감추고 밤새도록 듣고 싶을 때


    <embed src=음악주소 autostart=false hidden=true loop=true volume=0>
     
     
    html 배우기~~>>

     

    신고

     
     
     
    태그 : HTML, 태그
    트랙백0 | 댓글0
    아이디 :
    비밀번호 :
    홈페이지 :
      비밀글로 등록
    내용 :
     



    위치로그 : 태그 : 방명록 : 관리자
    엠투엠's Blog is powered by Daum / Designed by SSen
    관리자  |  글쓰기
    BLOG main image
    IT교육 - 웹마스터,웹디자인,프로그래밍,캐드,맥스... "웹마스터-시스템엔지니어,데이터베이스(ms-sql),웹프로그래밍(asp)/응용프로그래밍(C,JAVA)/웹디자인-포토샵,일러스트레이터,드림위버,플래시/캐드&맥스-2D,3D,3DsMax 실무 교육,국제자격증취득/www.m2mcomputer.com"
     Category
     Media
     TAGS
     Recent Entries
     Recent Comments
     Recent Trackbacks
     Calendar
     Archive
     Link Site
     Visitor Statistics
    + Total : 23,314
    + Today : 2
    + Yesterday : 3
    카피
    rss

    티스토리 툴바