표에서 가로셀 합치기 colspan 태그
Posted at 2009/09/03 22:47// Posted in 홈페이지만들기/HTMLCOLSPAN
가로셀 합치기
여러개의 열을 하나로 합치기 합니다.
첫번째 셀에서 colspan명령을 내리고 속성에는 합칠 열의 개수를 입력합니다. 나머지 합쳐질 셀들은 지우거나 주석처리합니다.
예) 가로셀을 6개 합칠때 colspan="6" 나머지 합쳐질 셀들은 삭제나 주석처리
|
시간표 | |||||
|
|
월요일 |
화요일 |
수요일 |
목요일 |
금요일 |
|
1교시 |
국어 |
수학 |
과학 |
컴퓨터 |
재량 |
|
2교시 |
수학 |
영어 |
영어 |
영어 |
컴퓨터 |
|
3교시 |
과학 |
음악 |
국어 |
수학 |
영어 |
|
4교시 |
미술 |
체육 |
수학 |
국어 |
수학 |
| 시간표 | |||||
| 월요일 | 화요일 | 수요일 | 목요일 | 금요일 | |
| 1교시 | 국어 | 수학 | 과학 | 컴퓨터 | 재량 |
| 2교시 | 수학 | 영어 | 컴퓨터 | ||
| 3교시 | 과학 | 음악 | 국어 | 수학 | 영어 |
| 4교시 | 미술 | 체육 | 수학 | 국어 | 수학 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FONT SIZE="5" COLOR="" face="휴먼옛체"><B>COLSPAN</B></FONT><BR><BR>
가로셀 합치기<BR><BR>
여러개의 열을 하나로 합치기 합니다.<BR>
첫번째 셀에서 colspan명령을 내리고 속성에는 합칠 열의 개수를 입력합니다. 나머지 합쳐질 셀들은 지우거나 주석처리합니다.<BR>
예) 가로셀을 5개 합칠때 <FONT COLOR="#FF0000"><B>colspan="5"</B></FONT> 나머지 합쳐질 셀들은 삭제나 주석처리<BR>
<p align="center">
<TABLE border="1" width="500">
<TR>
<TD colspan="6">시간표</TD>
</TR>
<TR>
<TD> </TD>
<TD>월요일</TD>
<TD>화요일</TD>
<TD>수요일</TD>
<TD>목요일</TD>
<TD>금요일</TD>
</TR>
<TR>
<TD>1교시</TD>
<TD>국어</TD>
<TD>수학</TD>
<TD>과학</TD>
<TD>컴퓨터</TD>
<TD>재량</TD>
</TR>
<TR>
<TD>2교시</TD>
<TD>수학</TD>
<TD>영어</TD>
<TD>영어</TD>
<TD>영어</TD>
<TD>컴퓨터</TD>
</TR>
<TR>
<TD>3교시</TD>
<TD>과학</TD>
<TD>음악</TD>
<TD>국어</TD>
<TD>수학</TD>
<TD>영어</TD>
</TR>
<TR>
<TD>4교시</TD>
<TD>미술</TD>
<TD>체육</TD>
<TD>수학</TD>
<TD>국어</TD>
<TD>수학</TD>
</TR>
</TABLE>
</p>
<FONT SIZE="4" color="#333366" face="휴먼옛체">다음 문제를 풀어보세요*^^*</FONT>
<CENTER>
<TABLE border="0" width="300" height="300">
<TR>
<TD bgcolor="#FFFF00"> </TD>
<TD bgcolor="#FF9900" colspan="2"> </TD>
<!-- <TD> </TD> -->
</TR>
<TR>
<TD bgcolor="#FF0099"> </TD>
<TD> </TD>
<TD bgcolor="#99CC00"> </TD>
</TR>
<TR>
<TD colspan="2" bgcolor="#6699CC"></TD>
<!-- <TD> </TD> -->
<TD bgcolor="#99CC66"> </TD>
</TR>
</TABLE>
</TABLE>
<p align="center">
<TABLE border="1" width="600" height="300">
<TR>
<TD colspan="6" align="center" bgcolor="#00CC99">시간표</TD>
</TR>
<TR>
<TD width="100" align="center"> </TD>
<TD width="100" align="center">월요일</TD>
<TD width="100" align="center">화요일</TD>
<TD width="100" align="center">수요일</TD>
<TD width="100" align="center">목요일</TD>
<TD width="100" align="center">금요일</TD>
</TR>
<TR>
<TD align="center">1교시</TD>
<TD align="center">국어</TD>
<TD align="center">수학</TD>
<TD align="center">과학</TD>
<TD align="center">컴퓨터</TD>
<TD align="center">재량</TD>
</TR>
<TR>
<TD align="center">2교시</TD>
<TD align="center">수학</TD>
<TD colspan="3" width="300" align="center">영어</TD>
<!-- <TD>영어</TD>
<TD>영어</TD> -->
<TD align="center">컴퓨터</TD>
</TR>
<TR>
<TD align="center">3교시</TD>
<TD align="center">과학</TD>
<TD align="center">음악</TD>
<TD align="center">국어</TD>
<TD align="center">수학</TD>
<TD align="center">영어</TD>
</TR>
<TR>
<TD align="center">4교시</TD>
<TD align="center">미술</TD>
<TD align="center">체육</TD>
<TD align="center">수학</TD>
<TD align="center">국어</TD>
<TD align="center">수학</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
'홈페이지만들기 > HTML' 카테고리의 다른 글
| DL 태그 (0) | 2009/11/30 |
|---|---|
| 태그 첫날... (0) | 2009/11/06 |
| marquee 태그를 배워보자 (0) | 2009/09/12 |
| 간단한 태그용어사전 (0) | 2009/09/09 |
| 표에서 가로셀 합치기 colspan 태그 (0) | 2009/09/03 |
| 세로 셀 합치기 rowspan 태그 (0) | 2009/09/03 |
