HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 예제. 023. 테이블만들기(TABLE태그).htm
글번호: 80
작성자: 레드플러스
작성일: 2003/05/14 오전 12:12:00
조회수: 6107
파일: HTML-0023.jpg (158 KB) / 전송수: 2811
HTML-0023.jpg
<!-- 테이블 작성 예제1 -->
<TABLE>
<TR>
    <TD>기본 테이블</TD>
</TR>
</TABLE>
<!-- 테이블 작성 예제2 -->
<TABLE border="1">
<TR>
    <TD>테두리 1</TD>
</TR>
</TABLE>
<!-- 테이블 작성 예제3 -->
<TABLE border="1">
<TR>
    <TD>1행 1열</TD>
    <TD>1행 2열</TD>
</TR>
</TABLE>
<!-- 테이블 작성 예제4 -->
<TABLE border="1">
<TR>
    <TD>1행 1열</TD>
</TR>
<TR>
    <TD>2행 1열</TD>
</TR>
</TABLE>
<!-- 테이블 작성 예제5 -->
<TABLE border="1">
<TR>
    <TD>1행 1열</TD>
    <TD>1행 2열</TD>
</TR>
<TR>
    <TD>2행 1열</TD>
    <TD>2행 2열</TD>
</TR>
</TABLE>
<!-- 테이블 작성 예제6 -->
<TABLE border="1">
<TR>
    <TD>1행 1열</TD>
    <TD>1행 2열</TD>
    <TD>1행 3열</TD>
</TR>
<TR>
    <TD>2행 1열</TD>
    <TD>2행 2열</TD>
    <TD>2행 3열</TD>
</TR>
<TR>
    <TD>3행 1열</TD>
    <TD>3행 2열</TD>
    <TD>3행 3열</TD>
</TR>
</TABLE>
<!-- 테이블 작성 예제7 -->
<table border="1">
    <tr>
        <td width="964" colspan="2">
            <p align="center">1</p>
        </td>
    </tr>
    <tr>
        <td width="479">
            <p align="center">2</p>
        </td>
        <td width="479">
            <p align="center">3</p>
        </td>
    </tr>
</table>
<!-- 테이블 작성 예제8 -->
<table border="1">
    <tr>
        <td width="479" rowspan="2">
            <p align="center">1</p>
        </td>
        <td width="479">
            <p align="center">2</p>
        </td>
    </tr>
    <tr>
        <td width="479">
            <p align="center">3</p>
        </td>
    </tr>
</table>
<!-- 테이블 작성 예제9 -->
<table border="1">
    <tr>
        <td width="640" colspan="2">
            <p align="center">1</p>
        </td>
        <td width="317" rowspan="3">
            <p align="center">2</p>
        </td>
    </tr>
    <tr>
        <td width="317" rowspan="2">
            <p align="center">3</p>
        </td>
        <td width="317">
            <p align="center">4</p>
        </td>
    </tr>
    <tr>
        <td width="317">
            <p align="center">5</p>
        </td>
    </tr>
</table>
<!-- 테이블 작성 예제10 -->
<table border="1">
    <tr>
        <td width="479" rowspan="2">
            <table border="1">
                <tr>
                    <td width="231"><p>1</p></td>
                    <td width="231"><p>2</p></td>
                </tr>
            </table>
        </td>
        <td width="479"><p>3</p></td>
    </tr>
    <tr>
        <td width="479"><p>4</p></td>
    </tr>
</table>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 9일차 강의내용 - 양식(FORM) - 관리자 2001-01-15 6047
  8일차 강의내용 - 테이블 만들기 - 관리자 2001-01-12 5650
현재글 예제. 023. 테이블만들기(TABLE태그).htm HTML-0023.jpg(158 KB) 레드플러스 2003-05-14 6107
  테이블 태그를 사용한 게시판 리스트 디자인 연습 게시판디자인연습.htm(4 KB) 레드플러스 2004-05-10 5930
  실습. 템플릿 페이지 작성하기 : Template.htm Template.jpg(146 KB) 레드플러스 2006-05-16 4235
  테이블로 색상 표현하기 연습 TableColor.png(135 KB) 레드플러스 2015-03-02 3001
다음글 8일차 강의내용 - 마퀴 태그(움직이는 문자) - 관리자 2001-01-12 6802
 
손님 사용자 Anonymous (손님)
로그인 Home