이것은 주로 가장 기본적인 지식, 양식에 대한 팁 등을 포함하여 초보자에게 웹 페이지에 양식을 적용하는 것을 설명하기 위해 제공되는 일련의 튜토리얼입니다. 모든 사람이이를 지원할 수 있기를 바랍니다.
테이블은 콘텐츠를 정리하는 가장 좋은 방법입니다. HTML 페이지에서 대부분의 페이지는 테이블을 사용하여 조판됩니다. 그러나 현재 기술에서 일부 사람들은 DIV CSS를 사용하여 웹 페이지를 만들 것을 제안했습니다. 주요 목적은 웹 페이지 코드를 단순화하는 것입니다. 많은 웹 사이트가 이제 DIV CSS 레이아웃을 구현했지만 웹 페이지 제작 과정에서 양식을 만드는 방법을 배우는 것이 여전히 매우 필요하므로 구체적으로 설명하겠습니다.
HTML 구문에서 테이블은 주로 3 개의 태그, 테이블 태그, 행 태그 및 셀 태그로 구성됩니다. 다음 표에서 볼 수 있듯이 :
테이블 표시
| 표시 | 설명하다 |
| <테이블>… </테이블> | 테이블 표시 |
| <tr>… </tr> | 행 마크 |
| <td>… </td> | 셀 태그 |
01 <테이블>
02 <TR>
03 <TD>… </td>
04…
05 </tr>
06 <tr>
07 <TD>… </td>
08…
09 </tr>
10…
11 </테이블>
구문 설명<pable> 태그는 테이블의 시작을 나타내고, <tr> 태그는 행의 시작을 나타내고, 셀의 내용은 <td>와 </td> 사이입니다. 이 마크에는 가장 큰 테이블에서 가장 작은 셀에 이르기까지 크고 작은 층별 층으로의 관계가 포함됩니다. 테이블은 여러 행과 다중 셀을 나타내는 여러 <tr> 및 <td> 태그를 가질 수 있습니다.
파일 예 : 10-1.htm<table>, <td>, <td> 태그로 3 열 및 2 열 테이블을 만듭니다.
01 <!---------------------------->
02 <!-파일 예 : 10-1.htm->
03 <!-문서 설명 : 테이블 만들기->
04 <!---------------------------->
05 <Html>
06 <Head>
07 <title> 양식 만들기 </title>
08 </head>
09 <body>
10 <H1> 주류 웹 디자인 소프트웨어 </h1>
11 <테이블>
12 <TR>
13 <TD> 웹 이미지 소프트웨어 </td>
14 <td> 불꽃 놀이 </td>
15 </tr>
16 <TR>
17 <TD> 웹 페이지 제작 소프트웨어 </td>
18 <TD> DreamWeaver </td>
19 </tr>
20 <TR>
21 <TD> 웹 애니메이션 소프트웨어 </td>
22 <TD> 플래시 </td>
23 </tr>
24 </table> 총 2 페이지 이전 페이지 12 다음 페이지