- 복사한 그림
https://ossam5.tistory.com/69 https://ossam5.tistory.com/69 -12
https://ofcourse.kr/html-course/table-%ED%83%9C%EA%B7%B8 - 23
/////////////////////////////////////////////////////////////////////////////////////////////////
kkk-
This is a Heading
This is a paragraph.
School timetable
| Mon | Tues | Wed | Thurs | Fri | Sat | Sun | |
|---|---|---|---|---|---|---|---|
| 1st period | English | German | Dutch | ||||
| 2nd period | English | English | German | Dutch | |||
| 3rd period | German | German | Dutch | ||||
| 4th period | English | English | Dutch |
https://developer.mozilla.org/ko/docs/Learn/HTML/Tables/Basics -
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Tables</title>
</head>
<body>
<h1>테이블 만들기</h1>
<table style="width:100%">
<tr style="background-color:lightgrey">
<th>참치</th>
<th>고래</th>
<th>날치</th>
</tr>
<tr>
<td>상어</td>
<td>문어</td>
<td>꽁치</td>
</tr>
<tr>
<td>오징어</td>
<td>고등어</td>
<td>돌고래</td>
</tr>
</table>
</body>
</html> - http://www.tcpschool.com/html/html_basic_tables -
/////////////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>테이블 태그</title>
</head>
<body>
<table border="1">
<caption>표제목</caption>
<tr>
<th colspan="3">제목셀1</th>
</tr>
<tr>
<td>일반칸1</td>
<td>일반칸2</td>
<td>일반칸3</td>
</tr>
</table>
</body>
</html>/////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>테이블 태그</title>
</head>
<body>
<table border="1">
<caption>표제목</caption>
<tr>
<th rowspan="2">제목셀1</th>
<th>제목셀2</th>
<th>제목셀3</th>
</tr>
<tr>
<td>일반칸2</td>
<td>일반칸3</td>
</tr>
</table>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
/////////////////////////////////
<TABLE border=1 width=80%>
<CAPTION>실험용 표(TABLE) CAPTION</CAPTION>
<TR bgcolor=ddffdd>
<TH width=30%>1번 칸 제목</TH>
<TH width=30%>2번 칸 제목</TH>
<TH wdith=40% bgcolor=ffdddd>3번 칸 제목</TH>
</TR>
<TR align=center>
<TD rowspan=2>1번 줄 - 1번 칸</TD>
<TD>1번 줄 - 2번 칸</TD>
<TD>1번 줄 - 3번 칸</TD>
</TR>
<TR>
<TD>2번 줄 - 2번 칸</TD>
<TD>2번 줄 - 3번 칸</TD>
<TR>
<TD colspan=2 align=center bgcolor=eeffff>3번 줄 - 1,2번 칸 통합
<TABLE border=1 bgcolor=ffffee width=90%>
<TR><TD>3-1-1-1</TD><TD>3-1-1-2</TD><TD>3-1-1-3</TD></TR>
<TR><TD>3-1-2-1</TD><TD>3-1-2-2</TD><TD>3-1-2-3</TD></TR>
<TR><TD>3-1-3-1</TD><TD>3-1-3-2</TD><TD>3-1-3-3</TD></TR>
</TABLE>
</TD>
<TD><IMG src="../../gif/ictrio.gif"> 3번 줄 - 3번 칸
<OL>
<LI>3-3-1
<LI>3-3-2
<LI>3-3-3
</OL>
</TD>
</TR>
</TABLE>
///////////////////////////////////////
</body>
</html>
참고 - http://trio.co.kr/webrefer/httut/httable.html
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<TABLE border=1 width=80%>
<CAPTION>실험용 표(TABLE) CAPTION</CAPTION>
<TR bgcolor=ddffdd>
<TH width=30%>1번 칸 제목</TH>
<TH width=30%>2번 칸 제목</TH>
<TH wdith=40% bgcolor=ffdddd>3번 칸 제목</TH>
</TR>
<TR align=center>
<TD rowspan=2>1번 줄 - 1번 칸<BR>2번 줄 - 1번 칸 통합</TD>
<TD>1번 줄 - 2번 칸</TD>
<TD>1번 줄 - 3번 칸</TD>
</TR>
<TR>
<TD>2번 줄 - 2번 칸</TD>
<TD>2번 줄 - 3번 칸</TD>
<TR>
<TD colspan=2 align=center bgcolor=eeffff>3번 줄 - 1,2번 칸 통합
<TABLE border=1 bgcolor=ffffee width=90%>
<TR><TD>3-1-1-1</TD><TD>3-1-1-2</TD><TD>3-1-1-3</TD></TR>
<TR><TD>3-1-2-1</TD><TD>3-1-2-2</TD><TD>3-1-2-3</TD></TR>
<TR><TD>3-1-3-1</TD><TD>3-1-3-2</TD><TD>3-1-3-3</TD></TR>
</TABLE>
</TD>
<TD><IMG src="../../gif/ictrio.gif"> 3번 줄 - 3번 칸
<OL>
<LI>3-3-1
<LI>3-3-2
<LI>3-3-3
</OL>
</TD>
</TR>
</TABLE>
참고 -ㅜ http://trio.co.kr/webrefer/httut/httable.html
태그피아 - http://trio.co.kr/club/index.html
http://trio.co.kr/club/index.html http://trio.co.kr/club/index.html
http://trio.co.kr/club/index.html http://trio.co.kr/club/index.html
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<table border=1>
<tr>
<td height=300 valign=top>테이블안의 내용 상단에 배치하기</td>
</tr>
</table>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<div>요소
<div>요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다.
<div>요소는 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용됩니다.
http://www.tcpschool.com/html/html_space_blockInline -
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////