표에서 가로셀 합치기 colspan 태그

홈페이지만들기/HTML·2009. 9. 3. 22:47

COLSPAN

가로셀 합치기

여러개의 열을 하나로 합치기 합니다.
첫번째 셀에서 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>&nbsp;</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">&nbsp;</TD>
 <TD bgcolor="#FF9900" colspan="2">&nbsp;</TD>
 <!-- <TD>&nbsp;</TD> -->
</TR>
<TR>
 <TD bgcolor="#FF0099">&nbsp;</TD>
 <TD>&nbsp;</TD>
 <TD bgcolor="#99CC00">&nbsp;</TD>
</TR>
<TR>
 <TD colspan="2" bgcolor="#6699CC"></TD>
 <!-- <TD>&nbsp;</TD> -->
 <TD bgcolor="#99CC66">&nbsp;</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">&nbsp;</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>

댓글