'.NET프로그래밍' 카테고리의 글 목록 (67 Page)

1. 스타일시트 시작

.NET프로그래밍/CSS 2.0 2009. 7. 27. 18:28 |

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>스타일시트 시작 - 첫번째 방법 : <style type="text/css"> ~CSS코드~ </style></title>
    <style type="text/css">
    div { font-size:9pt; color:Blue; font-family:Verdana; }

    </style>
</head>
<body>
<div>
    안녕하세요. <br />
</div>
</body>
</html>

< 실행결과 >

'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글

4. class를 이용하는 방법 (0)	2009.07.27
3. 태그에 직접 적용 (0)	2009.07.27
2. <link>태그와 외부에 스타일시트파일 선언 (0)	2009.07.27
Client Level에서와 Server Level에서의 개발수준 (0)	2009.07.27
CSS 2.0 PPT (0)	2009.07.27

Posted by holland14

:

Client Level에서와 Server Level에서의 개발수준

.NET프로그래밍/CSS 2.0 2009. 7. 27. 16:54 |

- Client Level

     XHTML1.0 / HTML4.0 : 기본 모양
     css2.0 : 스타일 적용(꾸미기)
     JavaScript1.2 : 기능(을 넣어 주는 것.)

- Server Level

C#/ASP.NET/Silverlight/WPF/PHP, Java/JSP/Flex

'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글

4. class를 이용하는 방법 (0)	2009.07.27
3. 태그에 직접 적용 (0)	2009.07.27
2. <link>태그와 외부에 스타일시트파일 선언 (0)	2009.07.27
1. 스타일시트 시작 (0)	2009.07.27
CSS 2.0 PPT (0)	2009.07.27

Posted by holland14

:

CSS 2.0 PPT

.NET프로그래밍/CSS 2.0 2009. 7. 27. 09:21 |

CSS.ppt

- 출처 : http://www.dotnetkorea.com/Website/

'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글

4. class를 이용하는 방법 (0)	2009.07.27
3. 태그에 직접 적용 (0)	2009.07.27
2. <link>태그와 외부에 스타일시트파일 선언 (0)	2009.07.27
1. 스타일시트 시작 (0)	2009.07.27
Client Level에서와 Server Level에서의 개발수준 (0)	2009.07.27

Posted by holland14

:

HTML4.0 / XHTML1.0 - PPT

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 25. 21:51 |

000[1].HTML20090720.ppt

- 출처 : http://www.dotnetkorea.com/Website/

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

문서형 선언(DOCTYPE)과 문서형 정의(DTD) (0)	2011.02.16
25. HTML 태그 정리 (0)	2009.07.24
24. 메타태그 (0)	2009.07.24
Form (0)	2009.07.24
22. I프레임(인라인 프레임) (0)	2009.07.24

Posted by holland14

:

25. HTML 태그 정리

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 24. 21:54 |

<br /> : 줄바꿈

<p></p> : 문단(단락)구분. 2줄 바꿈

<h1></h1> <h6></h6> : 제목 크기

<a></a> : 링크

<address></address> : 주소. 이탤릭체

<b></b> : 볼드체

<blockquote></blockquote> : 한단계 들여쓰기

<center></center> : 가운데 정렬

<cite></cite> <code></code> <dfn></dfn> <var></var> : 인용구문

<div></div> <span><span> : 많이 쓰임

<dl></dl> <dt></dt> <dd></dd>: 용어 정의

<em></em> <strong></strong> : 강조

<form> <input /> <select> <optgroup> <option></option> </optgroup> </select> <textarea></textarea> </form> : '폼' 관련

<hr /> : 수평선

<i></i> <u></u> <s></s> <sub></sub> <sup></sup> <tt></tt> : 이텔릭체, 밑줄, 취소선, 아랫첨자, 윗첨자, 타자기체(정사각형크기글씨)

<ol> <li></li> </ol> <ul> <li></li> </ul> : 목록(리스트)

<iframe></iframe>

<img /> <map><area /></map> : 이미지맵

<pre></pre> <xmp></xmp>

<table></table> <tr></tr> <td></td> <caption></caption> <thead></thead> <tbody></tbody> <tfoot></tfoot> <th></th> : 테이블

<frameset></frameset> <frame></frame> <nobr></nobr>

</body>
</html>

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

문서형 선언(DOCTYPE)과 문서형 정의(DTD) (0)	2011.02.16
HTML4.0 / XHTML1.0 - PPT (0)	2009.07.25
24. 메타태그 (0)	2009.07.24
Form (0)	2009.07.24
22. I프레임(인라인 프레임) (0)	2009.07.24

Posted by holland14

:

24. 메타태그

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 24. 21:53 |

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

</body>
</html>

//
- <meta>태그를 활용하여 웹페이지 설명을 붙인다.
- <meta>태그는 <head> 태그 안에 들어옴. 검색에 노출이 잘 된다.
- <link rel="shortcut icon" href="http://www.naver.com/favicon.ico" />
--> 주소창에서 주소 앞에 조그만 아이콘보이게 할 때

< 실행결과 >

24.메타태그.htm

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

HTML4.0 / XHTML1.0 - PPT (0)	2009.07.25
25. HTML 태그 정리 (0)	2009.07.24
Form (0)	2009.07.24
22. I프레임(인라인 프레임) (0)	2009.07.24
프레임 (0)	2009.07.23

Posted by holland14

:

Form

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 24. 10:57 |

====================================== Login.htm =============================================

<form
    id="Loginform"
    name="LoginForm"
    action="LoginProcess.aspx"
    method="post">

<pre>
아이디 : <input type="text" name="txtID" size="10"/> (텍스트박스)
이름: <input type="text" name="txtName" maxlength="3" value="홍길동" readonly="readonly"/> (텍스트필드)
암호 : <input type="password" name="txtPwd" /> (패스워드필드)
성별 : (라디오버튼:단일선택)
    남<input type="radio" name="optGender" checked="checked" /> 여<input type="radio" name="optGender"/>
취미 : (체크박스:다중선택)
    농구 <input type="checkbox" name="chkHobby" value="B"/>
    축구 <input type="checkbox" name="chkHobby" value="S" checked="checked" />
    배구 <input type="checkbox" name="chkHobby" value="V" disabled="disabled" checked="checked" />
직업 : (콤보박스/드롭다운리스트:다중/단일선택)
    <select name="lstJob" size="1">
       <optgroup label="기본">
        <option>회사원</option>
       </optgroup>
        <option>공무원</option>
    </select>
주소: (리스트박스:다중/단일선택)
    <select name="lstAddr" size="4" multiple="multiple">
    <option value="S">서울</option>
    <option value="K">경기</option>
    <option value="인천">인천</option>
    </select>
소개 :
<textarea cols="40" rows="5" name="txtIntro"></textarea> (멀티라인 텍스트박스)
사진업로드 : <input type="file" name="txtFile" /> (파일필드/파일업로드)
<input type="hidden" name="hdnSite" value="닷넷코리아"/> (히든필드)
<input type="submit" value="회원가입" /> <input type="reset" value="취소" />
<input type="button" value="일반버튼(JS에서사용)" />
<input type="image" src="./images/2.jpg" />
</pre>

</form>

<a href="LoginProcess.aspx?txtID=red&txtPwd=1234">
GET 방식으로 서버측으로 데이터 전송
</a>

//
- Login.htm --> 입력페이지
- form 태그가 없으면 실행되지 않음. HTML 레벨에서 눈에 보이지 않음.
- form 태그는 크게 3가지 속성 가짐 : name(폼이름), id, action(어디로 보낼건가, 경로, 실행되는 페이지지정). 대소문자 구분
- method : get/post (폼 태그는 post 방식으로 전송)
          post : HTTP 헤더에 담아서 전송. 눈에 보이지 않게 전송. 폼으로 입력할 때. 보안이 필요한 정보.많은 양의 데이터를 전달할 경우에 쓰임.
          get : ?(물음표) 뒤의 쿼리스트링에 담아서 전송. 주소창에 포함되어서 보내짐.(보안상 위험하다.)링크로 입력할 때. 간단한 정보를 보낼때 쓰임.
- input 태그는 name, type 속성이 반드시 필요함. name속성은 대소문자 구분함.
- <select name="lstAddr" size="4" multiple="multiple"에서 multiple: 여러항목 선택가능"
- '파일필드'는 모양 변경 불가능하다.
- '히든필드'는 개발자가 필요한 내용을 눈에 보이지 않게 전송할때 쓰임.
- enctype : 자료실 만들 때 사용
- HTML 레벨에서는 모양만드는 것은 가능하나 비주얼적인 부분은 불가능.
  모양 예쁘게 하려면 스타일 시트 이용.
  경고창은 자바스크립트 이용.
  DB 저장이나 추가적인 기능은 서버측 언어(C#, ASP) 이용
  위의 내용을 다 조합하고 이용해야 함.

====================================== LoginProcess.aspx =====================================

<%@ Page Language="C#" %>
<%
Response.Write("<h3>입력하신 자료...</h3>");
Response.Write("아이디 : "+ Request["txtID"] + "<br />");
Response.Write("이름 : " + Request["txtName"] + "</br />");
Response.Write("암호 : " + Request["txtPwd"] + "<br />");
Response.Write("취미 : " + Request["chkHobby"] + "<br />");
%>

- LoginProcess.aspx --> 출력페이지이다.(Login.htm 페이지에서 값을 넘겨 받아 보여줌)

< 실행결과 >

--> get방식으로 전송하였을 경우 화면

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

25. HTML 태그 정리 (0)	2009.07.24
24. 메타태그 (0)	2009.07.24
22. I프레임(인라인 프레임) (0)	2009.07.24
프레임 (0)	2009.07.23
테이블태그기타 (0)	2009.07.23

Posted by holland14

:

22. I프레임(인라인 프레임)

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 24. 10:13 |

<!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>
<title>iframe 태그 : 인라인 프레임</title>
</head>
<body>

</body>
</html>

//
- 여기서는 테이블 안에 각 셀마다 I프레임이 삽입되었다.
- 특정한 페이지를 포함한다.
- 프레임은 사용하지 말고 i프레임은 쓸 수 있을 경우 씀.

< 실행결과 >

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

24. 메타태그 (0)	2009.07.24
Form (0)	2009.07.24
프레임 (0)	2009.07.23
테이블태그기타 (0)	2009.07.23
20. 템플릿(가느다란 실선으로 테이블 테두리 표시) (0)	2009.07.23

Posted by holland14

:

프레임

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 23. 18:04 |

============================== Default.htm ====================================

<!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>
    <title></title>
</head>
<frameset rows="120, *">
    <frame src="Navigator.htm" noresize="yes" frameborder="1"></frame>
    <frameset cols="150, *">
        <frame src="Category.htm" scrolling="no" frameborder="1"></frame>
        <frame src="Catalog.htm" name="Catalog" frameborder="1"></frame>
    </frameset>
</frameset>
</html>

//
- <frameset rows="120, *"> : 행을 120픽셀과 그 나머지 부분으로 나눴음.
- <body>태그를 사용하지 않고 <frameset> 태그 사용.
- noresize : 프레임 크기 조절 안되게 함.
- scrolling="no" : 사이즈를 줄여도 스크롤 바 안나옴.

============================ Navigator.htm ====================================

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

</body>
</html>

//
target="_top" 또는 target="_parent" : 최상위 프레임
- 하이퍼링크 걸린 '다음', '네이버'를 누르면 "Catalog"프레임에서 열린다.

=========================== Category.htm =====================================

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

<h3>카테고리</h3>
<ul>
    <li><a href="#">C#</a></li>
    <li><a href="#">ASP.NET</a></li>
    <li><a href="#">Silverlight</a></li>
</ul>

</body>
</html>

=========================== Catalog.htm =====================================

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

<div>
안녕하세요...
</div>

</body>
</html>

============================================================================

// 요즘에는 쓰이지 않는다.

< 실행결과 >

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

Form (0)	2009.07.24
22. I프레임(인라인 프레임) (0)	2009.07.24
테이블태그기타 (0)	2009.07.23
20. 템플릿(가느다란 실선으로 테이블 테두리 표시) (0)	2009.07.23
19. 테이블 (0)	2009.07.23

Posted by holland14

:

테이블태그기타

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 23. 12:01 |

<!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>
<title>테이블태그 기타</title>
</head>
<body>

</body>
</html>

//
- caption : 테이블의 이름(제목)
- colgroup/col width : 너비(열) 조절과 관련.
- th : 열 제목. 볼드체로 보여지고 가운데 정렬됨.

< 실행결과 >

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

22. I프레임(인라인 프레임) (0)	2009.07.24
프레임 (0)	2009.07.23
20. 템플릿(가느다란 실선으로 테이블 테두리 표시) (0)	2009.07.23
19. 테이블 (0)	2009.07.23
18. body속성 (0)	2009.07.23

Posted by holland14

:

Notice

Category

Tags

Recent Posts

Recent Comments

Recent Trackbacks

Archives

Links

'.NET프로그래밍'에 해당되는 글 690건

1. 스타일시트 시작

'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글

Client Level에서와 Server Level에서의 개발수준

'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글

CSS 2.0 PPT

'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글

HTML4.0 / XHTML1.0 - PPT

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

25. HTML 태그 정리

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

24. 메타태그

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

Form

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

22. I프레임(인라인 프레임)

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

프레임

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

테이블태그기타

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

티스토리툴바