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

  1. 2009.07.23 20. 템플릿(가느다란 실선으로 테이블 테두리 표시)
  2. 2009.07.23 19. 테이블
  3. 2009.07.23 18. body속성
  4. 2009.07.23 17. 이미지맵
  5. 2009.07.22 16. 이미지링크
  6. 2009.07.22 15. 하이퍼링크
  7. 2009.07.22 14. URL(URI)구조
  8. 2009.07.22 13. MARQUEE
  9. 2009.07.22 12. 목록
  10. 2009.07.22 개발 관련 도구 추천

20. 템플릿(가느다란 실선으로 테이블 테두리 표시)

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

<!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>

<h3>가느다란 실선으로 테이블 테두리 표시</h3>
<table width="200"
    border="1"
    bordercolorlight="silver"
    bordercolordark="white"
    cellspacing="0"
    >
    <tr>
        <td>1행 1열</td>
        <td>1행 2열</td>
    </tr>
   
</table>

<h3>또 다른 방법</h3>
<table border="0" width="200" cellspacing="1" bgcolor="silver">
    <tr>
        <td bgcolor="white">1행 1열</td>
        <td bgcolor="white">1행 2열</td>
    </tr>
</table>

</body>
</html>

//
첫번째 테이블에서
bordercolordark : 테두리선 그림자
- 가느다란 실선으로 보이기 위해 cellspacing값도 0으로 설정했음.

< 실행결과 >





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

프레임  (0) 2009.07.23
테이블태그기타  (0) 2009.07.23
19. 테이블  (0) 2009.07.23
18. body속성  (0) 2009.07.23
17. 이미지맵  (0) 2009.07.23
Posted by holland14
:

19. 테이블

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

<!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>

<h3>1행1열 테이블</h3>
<table border="1">
    <tr>
        <td>
            1행 1열
        </td>
    </tr>
</table>


<h3>1행2열 테이블</h3>
<table border="1" width="200" height="100">
    <tr>
        <td>1,1</td><td>1,2</td>
    </tr>
</table>


<h3>2행2열 테이블</h3>
<table border="1">
    <tr>
        <td>1,1</td><td>1,2</td>
    </tr>
    <tr>
        <td>2,1</td><td>2,2</td>
    </tr>
</table>

<h3>셀 병합</h3>
<table border="1" width="200">
    <tr>
        <td colspan="2" align="center" bgcolor="yellow">1</td>
    </tr>
    <tr align="center">
        <td rowspan="2" valign="bottom">3</td>
        <td>4</td>
    </tr>
    <tr>
        <td align="center">6</td>
    </tr>
</table>

<h3>주요속성</h3>
<table border="1" width="200" height="200"
    cellpadding="10" cellspacing="15">
    <tr>
        <td>1</td><td colspan="2" align="center"><img src="images/2.jpg" /></td>
    </tr>
    <tr>
        <td>4</td><td rowspan="2" align="right" valign="top">5</td>
        <td background="images/2.jpg">6</td>
    </tr>
    <tr>
        <td>7</td><td bgcolor="yellow">9</td>
    </tr>
</table>   

<h3>표안에 표</h3>
<table border="1" width="200" height="200">
    <tr>
        <td>1</td>
        <td rowspan="2" align="center">
   
            <table border="1" width="100%">
                <tr>
                    <td>2</td>
                </tr>
                <tr>
                    <td>4</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>
</html>
 

//
- tr (table row) : 표의 1행을 가리키는 말
- td (table data) : 표의 셀 하나를 가리킨다.(각 행의 셀을 만듦)
- border : 외곽선(테두리) 굵기 / bordercolor: 외곽선 색
- cellpadding : 셀 테두리와 글자 사이의 내부간격
- cellspacing : 셀 사이의 간격
- colspan : 가로로 셀(열끼리) 합침
- rowspan : 세로로 셀(행끼리) 합침
- valign : 상하정렬 / align : 좌우정렬
- td태그와 img태그 사이 앞 뒤로 공백을 두면 안됨.

< 실행결과 >



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

테이블태그기타  (0) 2009.07.23
20. 템플릿(가느다란 실선으로 테이블 테두리 표시)  (0) 2009.07.23
18. body속성  (0) 2009.07.23
17. 이미지맵  (0) 2009.07.23
16. 이미지링크  (0) 2009.07.22
Posted by holland14
:

18. body속성

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 23. 10:14 |
<!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>BODY 태그의 주요 속성</title>
</head>
<body
    bgcolor="yellow"
    background="images/1.jpg"
    text="green"
    link="pink"
    alink="white"
    vlink="red"
    >
<div>
안녕하세요.<br />
<a href="http://www.bing.com">빙</a>

</div>
</body>
</html> 

//
- link : 방문한 적이 없는 하이퍼링크의 색깔
- alink : 마우스를 클릭할 때의 하이퍼링크의 색깔
- vlink : 이미 방문한 적이 있는 하이퍼링크의 색깔

< 실행결과 >



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

20. 템플릿(가느다란 실선으로 테이블 테두리 표시)  (0) 2009.07.23
19. 테이블  (0) 2009.07.23
17. 이미지맵  (0) 2009.07.23
16. 이미지링크  (0) 2009.07.22
15. 하이퍼링크  (0) 2009.07.22
Posted by holland14
:

17. 이미지맵

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

<!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>

<img src="images/3.jpg" alt="구글" usemap="#go" />
<map id="go" name="go">
   <area
       shape="rect"
       coords="0,0,50,50"
       alt="네이버로 이동"
       href="http://www.naver.com/"
       target="_blank" />
   <area
       shape="circle"
       coords="100,50,50"
       alt="다음"
       href="http://www.daum.net/"
       target="_self" />
   <area   
       shape="poly"
       coords="200,50,250,0,250,100,200,50"
       alt="야후"
       href="http://kr.yahoo.com/"
       target="_blank "/>
</map>

</body>
</html>


//
<img src="URL" alt="이미지 설명" usemap="#맵 이름">
<map name=“맵 이름”>
<area shape="모양" coords="좌표" href="URL" alt="대체용 텍스트">
- Shape속성
rect(사각형) : 왼쪽위 X/Y좌표, 오른쪽아래 X/Y좌표 기록(3, 3, 10, 10)
circle(원) : X좌표, Y좌표, 반지름(100, 100, 100)
poly(다각형) : X/Y좌표, …
default (전체)


< 실행결과 >






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

19. 테이블  (0) 2009.07.23
18. body속성  (0) 2009.07.23
16. 이미지링크  (0) 2009.07.22
15. 하이퍼링크  (0) 2009.07.22
14. URL(URI)구조  (0) 2009.07.22
Posted by holland14
:

16. 이미지링크

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 22. 20:26 |

<!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>

<img src="" alt="빈 이미지" /> <br />

<img src="images/1.jpg" alt="태연" /> <br />

<img src="./images/2.jpg"
    alt="빈 이미지"
    width="100"
    height="30"
    title="툴팁 : 풍선도움말" /> <br />


</body>
</html>

//
- <img src="그림 파일의 이름 또는 URL">
- alt : 이미지 설명
- ./는 현재위치(생략가능함), ../는 상위레벨
- title : 이미지 위에 마우스 올렸을 때 뜨는 말풍선
- 웹에서 사용하는 이미지 확장자 : gif, jpg, png
- 개발 할 때 좋은 해상도 : 1910 * 1080
- XHTML 6번째 특징 : <img> 태그는 src속성과 alt(대체 텍스트)속성이 꼭 있어야 표준이다.


< 실행결과 >





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

18. body속성  (0) 2009.07.23
17. 이미지맵  (0) 2009.07.23
15. 하이퍼링크  (0) 2009.07.22
14. URL(URI)구조  (0) 2009.07.22
13. MARQUEE  (0) 2009.07.22
Posted by holland14
:

15. 하이퍼링크

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 22. 19:17 |

<!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>
    <h3>하이퍼링크</h3>
   
    <a href="http://holland14.tistory.com">내 블로그로 이동</a>
   
    <a href="http://www.google.co.kr/" target="_blank">구글로 이동(새창)</a>
   
    <hr />
   
    <a href="폰트(8).htm" target="_blank">폰트(8).htm으로 이동</a>
   
    <hr />
   
    <a href="#Chapter1">1장으로 이동</a>

    <a href="#Chapter2">2장으로 이동</a>

    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 

    <a name="Chapter1">Chapter 1. 닷넷의 정의</a> <a href="#">TOP</a>

    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

    <a name="Chapter2">Chapter 2. Visual Studio 설치</a> <a href="#">TOP</a>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

   
</body>
</html>


//
* 사이트 연결(다른 페이지로 이동)
- <a href="연결하고자 하는 사이트의 URL">문자열</a>
- <a href="URL" TARGET="FRAME명"> ~ </a>
- <a name="목적지 이름"> ... </a>  -> 자신의 홈페이지 내에서 연결할 때 사용.
- '#목적지 이름'으로 지정하는 방법(->책갈피) 외에 '#'이 단독으로 쓰였을 경우 상단 맨 처음페이지로 
   이동함.
- '#' 하나만 단독으로 쓰일 경우 --> 나 자신을 나타낸다. 나 자신의 시작위치를 나타낸다. 깜빡거리지 않고 나 자신(페이지)의 제일 위로 이동한다.

< 실행결과 >

15.하이퍼링크.htm



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

17. 이미지맵  (0) 2009.07.23
16. 이미지링크  (0) 2009.07.22
14. URL(URI)구조  (0) 2009.07.22
13. MARQUEE  (0) 2009.07.22
12. 목록  (0) 2009.07.22
Posted by holland14
:

14. URL(URI)구조

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

URL의 구조

http://www.dotnetkorea.com/website/Default.aspx?uid=RedPlus&pwd=1234#bottom

도메인 : dotnetkorea.com

호스트: www, ftp, mail

프로토콜 : http://, ftp://, mms://, https://

가상(하위)디렉터리/웹공유폴더 : 웹 애플리케이션으로 설정된 공간
   : /website/

기본문서(페이지): Default.aspx, Default.asp, Default.htm, Index.html, Main.html

쿼리스트링(Querystring) : ? (물음표) 뒤에오는 문자열
 ?키1=값1&키2=값2&키3=값3...

책갈피 : #chapter11이면 chapter11부터 보여줌. #없으면 맨 위 부터 보여짐. #bottom이면 밑 부터 보여짐.

모든 웹사이트는 :80(포트번호)이 생략되어 있는 형태이다. www.dotnetkorea.com:80/
   포트번호 - web : 80
                   FTP : 21
                   SMTP : 25
                   POP : 110
                  Telnet : 23

//
URL(URI)=인터넷주소체계
URL은 공백없이 붙여써야한다.
기본페이지(Default.aspx 등)는 생략가능

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

16. 이미지링크  (0) 2009.07.22
15. 하이퍼링크  (0) 2009.07.22
13. MARQUEE  (0) 2009.07.22
12. 목록  (0) 2009.07.22
개발 관련 도구 추천  (0) 2009.07.22
Posted by holland14
:

13. MARQUEE

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 22. 17:52 |

<marquee>흐르는 문자열</marquee>

<marquee behavior="slide">
                흐르다 왼쪽 끝에 오면 멈춤
</marquee>

<marquee direction="right">
                오른쪽으로 흐르는 문자열
</marquee>

<marquee height="100" bgcolor="yellow">
안녕
</marquee>


<p>Quiz :
      대각선으로 흐르는 문자열
      시행착오법을 거쳐라...</p>

<marquee direction="left" height="200" width="400" bgcolor="pink">
    <marquee direction="down" height="200" width="400" behavior="alternate">
         대각선 튕김
    </marquee>
</marquee>

//
marquee태그도 중첩가능하다.
marquee behavior="slide" --> 한번 흐른 후 멈춤.

< 실행결과 >



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

15. 하이퍼링크  (0) 2009.07.22
14. URL(URI)구조  (0) 2009.07.22
12. 목록  (0) 2009.07.22
개발 관련 도구 추천  (0) 2009.07.22
10. 문자열형태정의태그  (0) 2009.07.21
Posted by holland14
:

12. 목록

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

<html xmlns="http://www.w3.org/1999/xhtml/">
<head>
     <title></title>
</head>
<body>
<div>

</h3>우리가 배울 과목</h3>

<ul type="circle">
     <li>HTML</li>
     <li>CSS</li>
     <li>JavaScript</li>
</ul>

<h3>중요 과목</h3>

<ol type="i" start="3">
     <li>OS : Window Server</li>
     <li>DBMS : SQL Server</li>
     <li>IDE : Visual Studio
          <ul>
               <li>C#</li>
               <li>ASP.NET</li>
               <li>Silverlight</li>
               <li>WPF/WCF</li> 

          </ul>

     </li>
</ol>

<h3>단어 정리</h3>
<dl>
     <dt>ASP.NET</dt>
     <dd>.NET 기반의 웹 개발 기술</dd>
     <dt>Silverlight</dt>
     <dd>RIA를위한웹브라우저플러그인</dd>

</dl>

</div>
</body>
</html>

//
ul태그는 순서없는 목록을 만들 때 사용하고(unordered list)
ol태그는 순서있는 목록을 만들 때 사용한다.(ordered list)
위에서 보듯이 중첩가능하다.
<ul type="circle">에서 type의 속성값으로 circle(원)외에도 square(정사각형), disc(기본)이 있다.
<li>태그는 <ul>, <ol>태그와 함께 쓰여 목록을 정의하며, 약간 들여쓰기가 된다.
<dd>태그는 들여쓰기 된다. <dl>태그 : 용어정리 목록으로 잘 쓰이지는 않음.

< 실행결과 >



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

14. URL(URI)구조  (0) 2009.07.22
13. MARQUEE  (0) 2009.07.22
개발 관련 도구 추천  (0) 2009.07.22
10. 문자열형태정의태그  (0) 2009.07.21
9. 문단정렬관련태그  (0) 2009.07.21
Posted by holland14
:

개발 관련 도구 추천

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

개발 관련 도구 추천

- notepad.exe : 메모장

- notepad++
         http://notepad-plus.sourceforge.net/uk/site.htm


- 닷넷 : visual studio 2008 Express
          웹: Visual Web Developer 2008 Express
          윈도우 : Visual C# 2008 Express
          DB : SQL Server 2008 Express 

          http://msdn.microsoft.com/ko-kr/express/default.aspx

- 자바 : Eclipse
 
          http://www.eclipse.org/downloads/


- 기타

          - 한글
          - MS 워드
          - 에디트플러스
          - 울트라에디터
          - 나모웹에디터
          - 드림위버
  

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

13. MARQUEE  (0) 2009.07.22
12. 목록  (0) 2009.07.22
10. 문자열형태정의태그  (0) 2009.07.21
9. 문단정렬관련태그  (0) 2009.07.21
8. 폰트  (0) 2009.07.21
Posted by holland14
:

티스토리툴바