ekadia

커맨드>소팅테이블

위의 명령은 차트같은 것을 정렬할때

알파벳순, 혹은 숫자순으로 자동정렬의 명령을 줄때 사용한다.

view>비쥬얼 에이즈>테이블보더(체크)

테이블 보더를 0으로 해주면

테이블 테두리가 점선으로 표현되는데

이것의 표시여부

테이블은 만든후에 안에 커서를 가져가면

왼쪽아래에 ][ 이모양이 나오는데 이걸 누르면

해당 칸에서만 테이블을 여러게의 셀로 나누는 기능을 한다

<script>
popup=window.open("http://www.clinicthin.co.kr/mov/2.htm","popup","scrollbars=0,width=357,height=500")
popup.focus()
</script>

헤드와 바디사이에

위와같은 형식으로 팝업을 뛰운다. 주의할 점은 다른 스크립트

소스가 있을때 같이 끼워서 넣지말고

따로 스크립트 명령을 주어서 넣어야 한다는 것.

<STYLE>
body,td,tr,table{font-size:9pt; font-family:굴림;color:#888888;line-height:120%;}
A:link {font-family:굴림;font-size:9pt;color:#888888;text-decoration:none;}
A:visited {font-family:굴림;font-size:9pt;color:#888888;text-decoration:none;}
A:active {font-family:굴림;font-size:9pt;color:#888888;text-decoration:none;}
A:hover {font-family:굴림;font-size:9pt;color:black;text-decoration:none;}
</STYLE>

위와같은 형식으로 헤드위에 들어간다

*** 추가수집

[font-style]

1. 'font-style: normal;'

2. 'font-style: italic;'

3. 'font-style: oblique;'

[font-weight]

1. "font-weight: normal;"

2. "font-weight: bold;"

3. "font-weight: bolder;"

4. "font-weight: lighter;"

5. "font-weight: 100"

6. "font-weight: 200"

[font-size]

1. "font-size: 12pt;"

2 "font-size: 16px;"

3 "font-size: 0.86cm;"

4 "font-size: 8.6mm;"

5 "font-size: 0.34in;"

6 "font-size: 200%;"

[font-variant]

1. "font-variant: normal;" : Cascading Style Sheets

2. "font-variant: small-caps;" : Cascading Style Sheets

[text-align]

1. "text-align: left;"

2. "text-align: justify;"

[text-indent]

1. "text-indent: 5px;"

2. "text-indent: 3em;"

3 "text-indent: 5cm;"

[text-decoration]

1. "text-decoration: none;"

2. "text-decoration: underline;"

3. "text-decoration: overline;"

4. "text-decoration: line-through;"

5. "text-decoration: line-through overline underline;"

6. "text-decoration: blink;"

[text-transform]

1. "text-transform: none;"

2. "text-transform: uppercase;"

3. "text-transform: lowercase;"

4. "text-transform: capitalize;"

[letter-spacing]

1 "letter-spacing: 1em;"

[word-spacing]

1 "word-spacing: 1em;"

[color]

1. "color: navy;"

2. "color: #369369;"

3. "color: rgb(80%,80%,80%);"

4. "color: rgb(111,111,999);"

[background-color]

1. "background-color: gray;"

2. "background-color: #EEEEEE;"

3. "background-color: rgb(80%,80%,80%);"

[background-image]

1. "background-image: url(list1.gif)"

[background-repeat]

1 "background-repeat: repeat;"

2. "background-repeat: repeat-x;"

3. "background-repeat: repeat-y;"

4. "background-repeat: no-repeat;"

[background-position]

1. "background-position: 10% 10%;"

2. "background-position: 1cm 1cm;"

3. "background-position: top;"

4. "background-position: center;"

5. "background-position: right bottom;"

[background-attachment]

1. "background-attachment: scroll;"

2. "background-attachment: fixed;"

[background]

1. "background: url(list1.gif) yellow no-repeat top left"

[padding]

1. "padding: 0 0 0 0; background-color: #EEEEEE;"

2. "padding: 50px; background-color: rgb(80%,80%,80%);"

[margin]

1. "margin: 0; background-color: #EEEEEE;"

2. "margin: 50px 50px 50px 50px; background-color: rgb(80%,80%,80%);"

3. "margin: 0 0 0 -30px; background-color: rgb(80%,80%,80%);"

[border-style]

1. border-style: none;"

2. "border-style: solid;"

3. "border-style: dotted;"

4. "border-style: dashed;"

5. "border-style: double;"

6. I"border-style: groove;"

7. "border-style: ridge;"

8. "border-style: inset;"

9. "border-style: outset;"

10. "border-style: solid dashed dotted outset;"

[border-width]

1. "border-width: 1px 1px 1px 1px;"

2. "border-width: 0 0 0 0; border-style: solid;"

3. "border-width: 1px 1px 1px 1px; border-style: solid;"

4. "border-width: 3px; border-style: solid;"

5. "border-width: 3mm; border-style: solid;"

6. "border-width: 1px 1cm 1mm 1in; border-style: solid;"

7. "border-width: thin; border-style: solid;"

8. "border-width: medium; border-style: solid;"

9. "border-width: thick; border-style: solid;"

[border]

1. "border: 1px;"

2. "border: #999999;"

3. "border: solid;"

4. "border: solid #999999;"

5. "border: 1px solid #999999"

[float]

1. "float: left;"

[visibility]

1. "visibility: visible;"

2. "visibility: hidden;"

3. "visibility: collapse;"

[list-style-type]

1. "list-style-type: default;"

2. "list-style-type: disc;"

3. "list-style-type: circle;"

4. "list-style-type: square;"

5. "list-style-type: decimal;"

6. "list-style-type: decimal-leading-zero;"

7. "list-style-type: lower-roman;"

8. "list-style-type: upper-roman;"

9. "list-style-type: lower-greek;"

10."list-style-type: lower-alpha;"

11."list-style-type: upper-latin;"

12."list-style-type: none;"

[list-style-image]

1. "list-style-image: url(list1.gif)"

2. "list-style-image: url(list2.gif)"

[list-style-position]

1. "list-style-position: inside"

2. "list-style-position: outside"

[list-style]

1. "list-style: url(list1.gif) inside;"

2. "list-style: square outside;"

3. "list-style: url(list1.gif);"

4. "list-style: square;"

5. "list-style: inside;"

[cursor]

1. cursor: auto;

2. cursor: crosshair;

3. cursor: default;

4. cursor: pointer;

5. cursor: move;

6. cursor: e-resize;

7. cursor: ne-resize;

8. cursor: nw-resize;

9. cursor: n-resize;

10. cursor: se-resize;

11. cursor: sw-resize;

12. cursor: s-resize;

13. cursor: w-resize;

14. cursor: text;

15. cursor: wait;

16. cursor: help;

17. cursor: url(list1.gif);

<BGSOUND SRC="음악파일 주소" LOOP="반복될숫자">

infinite ->무한반복

*엠블드로 쓰는게 더 좋다고 한다.

<EMBED SRC="song.mid" WIDTH="100" HEIGHT="50">

data_07.zip

프레임과 i프레임모두 링크에의해 프레임안에서의 페이지이동을 구현할 수 있다.

name와 target은 밀접한 관계를 가지는데 링크를 준후에 타겟에서 페이지를 가져올 프레임의 네임을 적용시키면된다.

frame의경우는 타겟목록에 뜨지만
iframe의경우는 목록에 뜨지않기때문에 직접 네임을 타겟에 입력해야한다.

<IMG>
ALIGN, ALT, BODER, HEIGHT, HSPACE, ISMAP

,LOWSRC, NAME, SRC, USEMAP, VSPACE, WIDTH

형식 :

<IMG src="이미지파일명(URL)" width="이미지의 너비"

height="이미지의 높이" border="이미지테두리값"

alt="이미지위에 마우스를 올렸을때 나타나는 풍선글"

align="left | right | center" hspace="이미지좌우여백"

vspace="이미지상하여백" >

설명 :

이미지를 웹페이지에 삽입할때 사용하는 태그입니다.

*input태그

*폰트사이즈는 -6~7사이가 전부이다(7이 가장크다)

<FONT SIZE="1~7" FACE="글꼴" COLOR="색상명/색상코드">

글자 </FONT>

ex)   <font size="5" color="red">ㅋㅋ</font>

FONT SIZE="-1"  은 11pt이다

FONT SIZE="0"  은 12pt이다

*flame태그

헤드와 헤드사이에 들어간다.

*프레임셋

<FRAMESET> = <FRAME>
BORDER, BORDERCOLOR, COLS, FRAMESPACING

, ROWS

형식 :

<FRAMESET rows="프레임의 높이값 | %" cols="프레임의

 너비값 | %" border="프레임들의 경계선의 두께"

bordercolor="경계선색상값 | 색상코드"

 frameborder="프레임경계선의 표시유무(0 or 1)">

*iframe태그

 롤오버시_나타나는_레이어와_스와프이미지.htm

스와프이미징

마치 플래쉬의 인스턴트 네임처럼 이미지에 왼쪽아래 네임란이 있는데 거기에 이름을 지정해주고 이곳이 이미지가 전환되는 곳이다

이제 마우스를 올려놓으면 그림이 바뀌게 하고싶은 곳으로가서 비해이버+를 누른후 스왑이미지를 누르고 이미지목록중에서 아까 설정한 인스턴스네임을 선택하면 그곳에서 이미지 전환이 일어난다.

또 이미지맵을 통한 선택영역을 온마우스 오버했을때도 스왑이미지가 가능하다. 단 이미지맵영역자체에서 스왑이 되는건 아니고 이미지 맵을 온마우스오버했을때를 통한 스왑이미지가 가능한 듯하다.

▶ 객체의 링크란에는 꼭 # 를 넣어주어야한다.