HTML 링크 테스트

DevTool/HTML 2009. 5. 26. 17:45
0526ex02.htm 파일

면접시험 안내

1차 필기 시험의 합격을 축하합니다.

다음과 같이 면접시험을 실시하오니 시간을 엄수하여 주시기 바랍니다.

1.일시 : 2005년 12월 15일 오전 10시

2.장소 : 구로동 고대구로병원 3F 회의실 303호

3.약도
다음
네이버
면접시험
이마트지도
구글 이미지
텍스트 문서가 없습니다.
한글 문서가 없습니다.
엑셀 문서가 없습니다.
경고먹는 메모장

정보관리


이미지 링크시 0526ex02b.htm으로 이동

0526ex02b.htm 파일

내가 자주 접속하는 사이트

1. 중앙일보
2. KBS
3. 대법원
이미지 링크 : 0526ex02.htm
;
</html>
Posted by 말없제이
,

HTML 03 - 링크, 이미지

DevTool/HTML 2009. 5. 26. 17:43
<body bgcolor="gray" text="blue"> 배경을 회색, 글자색을 파란색.
.
<font color="red">특정 부분 색상 다르게</font> 특정 부분 색상 다르게
.
<body background="image/back2.gif" text="blue"> 물론 배경그림을 넣기도 가능함(생략)..
.
x이버
x국방송
x음
링크 색상도 body에서 변경가능.
link:처음 링크색(방문하지 않은사이트)
vlink:방문한 링크색
aink:선택된 링크색
<body bgcolor="gray" text="blue" link="red" vlink="green" alink="orange">
.

이미지 넣기

<img src="image/poster2.jpg" width="200" height="300" alt="그림이지요" align="left"> 1
그림이지요 22222222222222222222 222222222222222222222222222222222222 22222222222222222222222222222 2222222222222222 222222222 22222222222222222222222222222222222222222222222222222222222 222222222222222222222222222222 2222222222222222222222 222222222222222222 222 2222222222222222222
3
3
3
3
3
3
3
3
3
3





<img src="image/poster2.jpg" width="200" height="300" alt="그림이지요" align="left" hspace="120"> 1
그림이지요 hspace/vspace : 그림과 다른 요소간 수평/수직 간격 조정 3
3
3
3
3
3
3
3
3
3
Posted by 말없제이
,

HTML 02 - 글자체, 특수문자

DevTool/HTML 2009. 5. 26. 17:42

글자 색,크기,글자체 지정

궁서 돋움, RGB코드 red, green, blue 굴림 바탕

글자모양

b,굵은글씨
i,이태릭체(기울임)
u,밑줄
s,가운데선
sub,아래첨자
sup,윗첨자

특수기호

&:amp(ampersend?)
<:(&lt)보다작음
>:(&gt)보다큰
":(&quot)따옴표
 :(&nbsp)공백
©:(&copy)저작권표시

pre태그

 입력한 
그대로
 나오
게      하는 (단 태그 적용)

xmp태그

입력한 <h1>그대로</h1> 나오 게 하는 (단 태그 적용 안됨)

hr태그

물론 폭(size),길이(widht),정렬(align),색상(color)도 줄수있고, noshade로 볼륨감 유무선택가능.
Posted by 말없제이
,

HTML 관련 01.

DevTool/HTML 2009. 5. 25. 16:11
안녕하세요 안만나서 반갑습니다.
확장자가 안보이면 ... 도구/폴더옵션/보기 옵션중.. 알려진 파일형식의 파일 확장명 숨기기 체크해제.. *ps. 요소(element) : <font color="blue" size="7">확장</font> 태그 : <font color="blue" size="7"></font> 요소이름 : font 속성(attribute) : color="red" 요소내용 : 확장

P태그 : 문단과 문단을 지정. 종료태그 써도 되고 안써도됨.

특징 : br테그없이 라인이 넘어가고 한라인이 떨어짐



h1 : 라인이 넘어가고 글자가 진하게

h2 : 속성(align) 정렬left(기본),right,center

h3 -
center태그 :문서의 제목을 정렬

h4 - 주의할점은 태그는 나중에 연것을 먼저 닫아야함

h5 - ""은 속성내에 줘도되고 안줘도 되지만 경로시에는 확실하게 표시해야함
h6
h7..엇 h7은 안되네 ..

p태그도 정렬가능.

div태그도 정렬지정 ...
Posted by 말없제이
,

HTML관련... - -. 그냥 읽고....

DevTool/HTML 2009. 5. 25. 16:01

담당:고기준
js. html.
6.16일 종료예정.

(html 사용)
※ 웹에서 사용되는 프로그램 언어.. --;
- HTML(Hyper Text Markup Language) (링크되어있는 문서 생성)
 . 정적인 문서에서 사용.(상황에 따라 변경되는것이 아닌 사용그대로)
 . Client에서 해석.(브라우져에서 해석)
*ps.
(Server : 정보를 제공하는 측)
(Client : 정보를 받는 측)
사용자 -> KBS(Server역활) --> 사용자측 전달
(Client역활) (Server역활)

 ex)http://www.kbs.co.kr/
http : (Hyper Text Trans Protocol) : 전송규약
www.kbs.co.kr : (Domain Name)
/ : 보통 index.html - -;
총체적 뭐라고 하나요? : URL(Uniper Resource ..)

- JavaScript
 Java : 응용프로그램
 JavaScript : 웹상에서 사용되는 언어.
 . 입력/내용/중복 Check, 이미지, 글자흐름

- 웹프로그래밍 언어
 . jsp : Java기반 (Servlet?? -- 서블릿 jsp이전 사용)
 . asp : Windows 계통(Linux, Unix 거의 사용안함)
 . php : 적은 명령어, 세부적인 제어힘듬
회원가입,로그인,게시판,검색,방명록.. 입력폼 정보를 서버쪽으로 전달 --;

- DB
서버에 정보를 기억 --;
 . Orcale{한달전에 오라클이 선인수}
 . MS-SQL
 . MySQL
 . Access( - -);

- 웹서버 프로그램
 . IIS(Windows계통)
 . arparche
 . tomcat
 . j부스, 웹 로직..

Posted by 말없제이
,

답변형 게시판의 구조

끄적이기 2009. 4. 7. 11:07

답변형 게시판의 구조 

[출처] 답변형 게시판의 구조|작성자 기몽

출처 : http://blog.naver.com/max96min/140055510680
실제출처 : 대구엠투엠. (구.비트)

기본적으로 답글형 계시판이라 함은 여러가지 의미로는 쓰이지만 기본적인 원리는 다 똑같습니다.


예시

100. 안녕하세요.                     ---1번

    ->네 방갑습니다.                ---2번

        -> 저도 방가워요            ---3번

101. 질문사항                         ---4번


이러한 형태의 모양이 나오게 된다는 글입니다. 만약 DB에 위와 같이 순서대로 작성되어 있는 상태라면은 아무런 상관없이 순서대로 값을 읽어오면 되는 것이지만 생각 해야 될 부분이 이렇게 작성된글이 DB에도 과연

위와 같은 형태로 저장이 되어 있느냐 하는문제 입니다.


그럼 위엣 글에서 제가 3번글에다가 댓글을 단다고 생각을 해봅시다.

그러면 그글은 DB에 101번글 다음에 저장이 될터이고 순서대로 읽어오면 원하는 모양이 나오지 않습니다.

즉

100. 안녕하세요.                     ---1번

    ->네 방갑습니다.                ---2번

        -> 저도 방가워요            ---3번

101. 질문사항                         ---4번

    -> 하이요


이러한 모양이 나오게 되는 것이지요.~~


그럼 3번에 댓글을 달았을때 원하는 모양을 나오게 하는 방법을 알아 보겠습니다.

이를 위해 DB에 3가지 Column이 필요하게 됩니다.

글에 대한 그룹을 지어줄수 있는 변수와, 어느글에대한 답변인지에 대한 변수와, 그 그룹들 사이에 출력될 순서를 저장할수 있는 것이 필요하다는 것입니다.

기존에 있던 글순서를 저장하는 변수 - num

그룹화를 지어주기 위한변수 - group

어느글에대한 답글인지에 대한 변수 - group_Num

그룹에 대한 순서를 지어 줄수 있는 변수 - group_Count

3개를 따로 만들어 주어야 합니다.


그럼 하나씩 입력을 해가면서 이해를 해보도록 하겠습니다.

먼저 하나의 글을 입력합니다.

num

group

group_Num

group_Count

1

1

0

0


첫글을 입력을 하면 이러한 모양이 될것입니다.

거기에 또다시 하나의 글을 입력을 합니다.

num

group

group_Num

group_Count

1

1

0

0

2

2

0

0


또다른 글을 입력하면 글수는 증가할것이며, 다른 그룹이므로 위와같은 형태를 가지게 됩니다.


여기에 이제 1번글에 대한 댓글을 달아 보겠습니다.

num

group

group_Num

group_Count

1

1

0

0

2

2

0

0

3

1

1

1

대구컴퓨터학원,자바,C,JSP,

먼저 글이 저장될때, 3번글은 1번에 대한 댓글이므로 group, group_Num, group_Count에 대한 변수값을 모두 전달받아서 저장을 합니다.

저장한 후에 그룹번호는 넘겨받은 값을 저장을 하고 자신의 group_Num과 group_Count의 값을 1씩 증가 시켜줍니다.

요기에 다시 1번글에 대한 답글을 달아 보겠습니다.

num

group

group_Num

group_Count

1

1

0

0

2

2

0

0

3

1

1

1

4

1

1

2

대구컴퓨터학원,자바,C,JSP,

위와 같은 형태가 되며 넘겨받은 group_Num과 group_Count의 값을 1씩 증가시킨후에 만약 자신의 group_Count의 값과 같거나 큰값이 있다라면 그 값도 역시 1을 증가 시켜 줍니다.

그럼 여기에서 이제 3번글에 대한 답글을 달아 보겠습니다.

답글은 기본적으로 먼저

num

group

group_Num

group_Count

5

1

1

1

대구컴퓨터학원,자바,C,JSP,

기존 글에대한 값들이 저장이 되며, 먼저 자신의 group_Num과 group_Count의 값을1증가 시키게 됩니다.

num

group

group_Num

group_Count

1

1

2

2

대구컴퓨터학원,자바,C,JSP,

위와 같이 가지게 됩니다.

그런후에 자신의 group_Count의 값과 같거나 큰값들을 1씩 증가 시키게 됩니다.

num

group

group_Num

group_Count

1

1

0

0

2

2

0

0

3

1

1

1

4

1

1

3

5

1

2 

 2 

대구컴퓨터학원,자바,C,JSP,

와 같은 모양이 되게 됩니다.

위와 같은 값을 가진 DB에서 값을 가지고 올때는 먼저 그룹순으로 내림차순으로 정렬 하고 group_Count값을 오름 차순으로 정렬하여 가지고 와서 뿌려주게 됩니다.

그리고 한칸씩 값이 들어 가게 하고 싶을때는 글앞에 이미지를 붙이거나할때 공백의 크기를

일정값 * group_Num으로 설정을 해서 이미지를 넣거나 공백을 주면 됩니다.

결과적으로.

num

group

group_Num

group_Count

2

2

0

0

1

1

0

0

3

1

1

1

5

1

2

2

4

1

1

3

대구컴퓨터학원,자바,C,JSP,

결과를 출력하게 되는 것입니다.




Posted by 말없제이
,

AJAX구조 관련 참조사항. http://json.org/

끄적이기 2009. 3. 31. 13:56
AJAX구조 관련 참조사항.
http://json.org/
Posted by 말없제이
,

IME(입력상자의 문자셋 결정) 조작하기

끄적이기 2009. 3. 27. 18:27
출처 : http://www.dragoneye.co.kr/dboard/board/index.asp?url=view&boardid=column11&field=&str=&page=1&sid=2803

출처로 가시면 바로 예제도 정상자동해요..

  IME(입력상자의 문자셋 결정) 조작하기

작성자 : 드래곤 조회수 : 2318
작성일 : 2003-06-03 리플수 : 0
입력상자의 한글 영문모드 미리 결정하기

Input Method Editor (IME) for user text entry fields


회원가입 입력폼등에서 한글을 입력받아야 할 경우와 영문만 입력 받고 싶은 경우

input type에 style로 지정하여 정해진 한글/영문을 입력받을 수 있다

style="ime-mode:auto"
style="ime-mode:active"
style="ime-mode:inactive"
style="ime-mode:disabled" style="ime-mode:deactivated"

(자동변경 )
(한글 모드)
(영문 모드)
(영문 모드)
(한글 모드) 		(한/영 전환 가능)
(한/영 전환 가능)
(오직 영문)
(한/영 전환 가능)
(한/영 전환 가능)

<input type="text" name="" style="ime-mode:active">


♡ 사용예 ♡
동 이름을 입력하세요!!!
동이름ㅇ 		style="ime-mode:active"
검색주소
나머지ㅇ
style="ime-mode:active"
계속해서 style="ime-mode:auto"
영문으로
style="ime-mode:inactive"
 
Posted by 말없제이
,

asp:MultiView 관련... 예시입니다.

끄적이기 2009. 3. 27. 17:44

[출처] MultiView 서버 컨트롤 - 도구 상자 - 표준 사용 법|작성자 여유

http://http://blog.naver.com/lsv400?Redirect=Log&logNo=100061738348


ultiview 컨트롤을 올리고

view 컨트롤을 올리고 그안에 다른 컨트롤을 추가하여 사용


초기에 view 컨트롤을 보이게 하려면  multiview 컨트롤의 속성  - ActiveViewIndex 값  -1을 0으로 수정



view control 을 보이게 하려면 MultiView1.ActiveViewIndex 값을 주면 됨

=


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class MultiViewTest : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        // view 1
        MultiView1.ActiveViewIndex = 0;

    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        MultiView1.ActiveViewIndex = 1;

    }
}



=


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiViewTest.aspx.cs" Inherits="MultiViewTest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="view1" />
        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="view2" />
        <br />
        <asp:MultiView ID="MultiView1" runat="server">
            <asp:View ID="View1" runat="server">
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                <asp:Button ID="Button3" runat="server" Text="Button" />
            </asp:View>
            <asp:View ID="View2" runat="server">
                <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
            </asp:View>
        </asp:MultiView>
   
    </div>
    </form>
</body>
</html>


Posted by 말없제이
,

글자수 되면 다음 z-index로??

끄적이기 2009. 2. 26. 19:56

간편한걸 원하니..--
키값이 차면 자동으로 넘어가라..

onkeyup이벤트...로 if(... 사용할려다...
보다..  있는걸 사용 = =..

function autoTab(input, len, e)
  {
   var keyCode = (isNN) ? e.which : e.keyCode;
   var filter = (isNN) ? [0, 8, 9] : [0, 8, 9, 16, 17, 18, 37, 38, 39, 40, 46];
   if (input.value.length >= len && !containsElement(filter, keyCode))
   {
    input.value = input.value.slice(0, len);
    input.form[(getIndex(input) + 1) % input.form.length].focus();
   }
   function containsElement(arr, ele)
   {
    var found = false, index = 0;
    while (!found && index < arr.length)
     if (arr[index] == ele)
     found = true;
    else
     index++;
    return found;
   }
   function getIndex(input)
   {
    var index = -1, i = 0, found = false;
    while (i < input.form.length && index == -1)
     if (input.form[i] == input) index = i;
    else i++;
    return index;
   }
   return true;
  }

//임시로
alert(selTemp.options.item(0).innerText +":"+ selectMsg);

//C#비하인단에서 강제로 넣기...
readonly때문에 자주 사용하던... ㅋㅋ..

txtRcvNo.Attributes.Add("onKeyUp","return autoTab(this,8,event);");

Posted by 말없제이
,

티스토리툴바