HTML+CSS+JavaScript2 EX25
<HTML>
<HAED>
<TITLE>하이퍼 링크</TITLE>
</HEAD>
<BODY>
<CENTER><H1> 김남용의 홈페이지 </H1></CENTER>
<HR SIZE="5" WIDTH="80%" COLOR="BLUE">
<DIV ALIGN="CENTER">
<A HREF="http://www.nate.com"> 네이트 </A><BR><BR>
<A HREF="http://www.naver.com"> 네이버 </A><BR><BR>
<A HREF="http://www.ducsi.ac.kr/Ducsi/entrance/main.jsp"> 입시정보 </A><BR><BR>
</DIV>
<DIV ALIGN="RIGHT">
<A HREF="http://www.nate.com"><img src="nate.GIF"><br><br></a>
<A HREF="http://www.naver.com"><img src="naver.gif"><br><br></a>
</div>
</BODY>
</HTML>
HTML 수업2
<html>
<head><title> 표만들기 </title></head>
<body>
<h2> 표 만들기 태그 </h2>
<hr color="#00FF00">
<table border="5"width="500"height="200"align="center"align="center"
bgcolor="#ACCCDC"
bordercolor="#FFCCFF"
cellspacing="5" <!--셀과 셀 사이의 간격>
cellpadding="0" <!--셀과 셀 안의 텍스트간의 간격>
>
<caption>컴퓨터 공학과</caption>
<th> 전공필수 </th>
<th> 전공선택 </th>
<th> 교양선택 </th>
<tr align="center">
<td> 인터넷활용 </td>
<td> PC활용 </td>
<td>C언어</td>
</tr>
<tr align="center">
<td> 전산개론 </td>
<td> 멀티미디어개론 </td>
<td> 디지털공학개론 </td>
</tr>
<tr align="center">
<td> 경영학개론 </td>
<td> 심리학개론 </td>
<td> <img src="picture/빵.jpg"> </td>
</tr>
</table>
</body>
</html>
rowspan사용법
<html>
<head><title></title></head>
<body>
<h2> 셀 병합 </h2>
<table border="1">
<caption>컴퓨터공학과</caption>
<th>전공필수</th>
<th>전공선택</th>
<th>교양선택</th>
<tr>
<td rowspan="2">1 4
<td rowspan="3">2
<td>3
</tr>
<tr>
<td rowspan="2">6 <!--rowspan세로병합>
</tr>
<tr>
<td>7
</tr>
</table>
</body>
</html>
colspan사용법
<html>
<head><title></title></head>
<body>
<h2> 셀 병합 </h2>
<table border="1">
<caption>컴퓨터공학과</caption>
<th colspan="2">전공필수&전공선택</th>
<th>교양선택</th>
<tr>
<td rowspan="2">1
<td>2
<td>3
</tr>
<tr>
<td colspan="2">5 <!--colspan가로병합>
</tr>
<tr>
<td colspan="3">7
</tr>
</table>
</body>
</html>
간단한 예제
<html>
<head><title></title></head>
<body>
<table border="1">
<caption>컴퓨터공학과</caption>
<th align="center">교양선택</th>
<th colspan="2" align="center">전공필수 & 전공선택</th>
<tr>
<td align="center">경영학개론
<td align="center">C언어
<td rowspan="2" align="center">인터넷활용
</tr>
<tr>
<td rowspan="2" align="center">심리학개론
<td align="center">전산개론
</tr>
<tr>
<td colspan="2" align="center">PC활용
</tr>
</table>
</body>
</html>
'* DevSecOps > Development' 카테고리의 다른 글
| HTML 과제 (0) | 2012.04.10 |
|---|---|
| 1.2 글자와 문단 관련 태그 (0) | 2012.03.16 |
| 문서의 공통 구조 (0) | 2011.11.21 |
| HTML 이란? (1) | 2011.11.21 |