> 웹 프론트엔드 > HTML 튜토리얼 > HTML 테이블 마크업 튜토리얼(1): 테이블 만들기_HTML/Xhtml_웹페이지 제작

HTML 테이블 마크업 튜토리얼(1): 테이블 만들기_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:44:58
원래의
1880명이 탐색했습니다.

스크립트하우스에서 제공하는 튜토리얼 시리즈로, 초보자를 위한 웹페이지에서의 테이블 활용에 대한 가장 기본적인 지식과 테이블의 일부 기술 등을 주로 설명하고 있습니다. Script House에 많은 지원 부탁드립니다.
테이블은 콘텐츠를 정렬하는 가장 좋은 방법입니다. HTML 페이지에서는 대부분의 페이지가 레이아웃에 테이블을 사용합니다. 그러나 현재 기술에서는 DIV CSS를 사용하여 웹 페이지를 만드는 것이 주요 목적입니다. 이제 많은 웹 사이트에서 DIV CSS 레이아웃을 구현했지만 여전히 방법을 배우는 것이 매우 필요합니다. 웹 페이지 생성 과정에서 테이블을 생성하기 위한 것입니다. 네, 구체적으로 설명하겠습니다.
HTML 구문에서 테이블은 크게 테이블 태그, 행 태그, 셀 태그 세 가지 태그로 구성됩니다. 다음 표에 표시된 대로:
테이블 마크
마크 설명
테이블 마크 … 행 마크 … 셀 마크
기본문법
01
02
03
04 …
05
06
07
08…
09
10 ……
11
02
03
标记代表表格的开始,标记代表行开始,而 之间的就是单元格的内容。这几个标记之间是从大到小,逐层包含的关系,由最大的表格,到最小的单元格。一个表格可以有多个和
标记,分别代表多行和多个单元格。
文件范例:10-1.htm
通过、、
标记制作一个三行两列的表格。
01
02
03
04
05
06
07 制作表格
08
09
10

主流的网页设计软件


11
12
13
14
15
16
17
18
19
20
21
22
23
24
网页图像软件 Fireworks
网页制作软件 Dreamweaver
网页动画软件 Flash
04…
05
06
07
08… 09 10… 11
문법설명 태그는 테이블의 시작을 나타내고, 태그는 행의 시작을 나타내며, 과 사이의 내용이 셀 내용입니다. 이러한 태그 간의 관계는 큰 테이블에서 작은 셀로, 레이어별로, 가장 큰 테이블에서 가장 작은 셀로 이루어집니다. 테이블에는 각각 여러 행과 여러 셀을 나타내는 여러 및 태그가 있을 수 있습니다. 파일 예: 10-1.htm
, , 태그를 통해 행 3개, 열 2개로 구성된 테이블을 생성합니다. 01 02 03 04 05 06 07 양식 만들기08 HEAD> 09 10

주류 웹 디자인 소프트웨어

11
12 13 웹 이미지 소프트웨어14 불꽃놀이15 16 17 웹 페이지 생성 소프트웨어18 Dreamweaver19 20 21 웹 애니메이션 소프트웨어22 Flash23 24 표>2526 파일 설명 11~24행은 완전한 표이고, 12~15행은 표의 첫 번째 행, 16~19행은 표의 두 번째 행, 20~23행은 의 3행입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿