>웹 프론트엔드 >HTML 튜토리얼 >HTML 언어 분석 테이블 마크업

HTML 언어 분석 테이블 마크업

黄舟
黄舟원래의
2016-12-15 13:15:361269검색


🎜>이 세 가지 표시는 테이블을 정의하는 데 가장 중요하다고 할 수 있습니다. 이 세가지면 충분해요.
은 컨테이너 태그이며, 이는 테이블임을 선언하는 데 사용되며 다른 테이블 태그는 해당 범위 내에서만 적용될 수 있음을 의미합니다.
테이블 열(행)을 표시하는 데 사용됩니다.






tr>


결과 표시

첫 번째 열의 첫 번째 열, 두 번째 열 및 첫 번째 열의 세 번째 열
두 번째 열의 첫 번째 열과 세 번째 열, 두 번째 열의 두 번째 열, 두 번째 열의 3열
세 번째 열, 두 번째 열, 세 번째 열, 세 번째 열
셀(셀)을 표시하는 데 사용됩니다.
매개변수 설정(일반적으로 사용됨):
예: < ;테이블 너비="400" border="1" cellpacing="2" cellpadding="2" align="center" valign="top" background="myweb.gif" bgcolor="#0000ff" bordercolor="# ff00ff " bordercolorlight="#00ff00" bordercolordark="#00ffff" cols="2">

width="400"
표 너비, 절대값(예: 80) 및 상대값 허용 ​​(예: 80%).

border="1"
표 테두리 두께는 브라우저마다 기본값이 다르므로 지정해 주세요.

cellspacing="2"
테이블 그리드 두께, 예시 3을 참조하세요. 이는 그리드가 5로 두꺼워진 것입니다.

cellpadding="2"
텍스트와 그리드 사이의 거리는 예제 4를 참조하세요. 즉, 패딩이 10에 추가됩니다.

align="center"
테이블의 배치 위치(가로)입니다. 선택 값은 왼쪽, 오른쪽, 가운데입니다. 예 5 또는 6을 참조하세요. middle. 일부 브라우저에서는 이를 지원하지 않을 것 같아서
태그를 추가했습니다. 이는 단지 다중 계층 보장일 뿐입니다. 물론
만 사용해도 됩니다.

valign="top".
표 내 서예와 그림의 배치 위치(세로), 선택 값은 위쪽, 중간, 아래쪽입니다.

background="myweb.gif"
폼 용지, bgcolor와 함께 사용하지 마세요.

bgcolor="#0000ff"
테이블 배경색은 배경과 함께 사용하면 안 됩니다. 예시 6을 참조하세요.

bordercolor="#ff00ff"
테이블 테두리 색상, nc와 ie는 서로 다른 효과를 갖습니다. 예 6을 참조하세요.

bordercolorlight="#00ff00"
테이블 테두리 부분을 향한 빛의 색상은 예시 2를 참조하세요. 『ie에만 적용 가능』

bordercolordark="#00ffff"
테이블 테두리의 백라이트 부분 색상은 예제 2를 참조하세요. bordercolorlight 또는 bordercolordark를 사용할 경우 bordercolor가 유효하지 않습니다. "ie에만 적용 가능"

cols="2"
테이블 필드 수는 브라우저가 테이블을 다운로드하기 전에 전체 테이블을 그릴 수 있도록 허용합니다.
매개변수 설정(일반적으로 사용됨):
예:
align="right"
이 열의 서예 및 그림의 배치 위치(가로)입니다. 선택 값은 왼쪽, 가운데, 오른쪽입니다.

valign="middle"
이 열의 서예 및 그림 배치 위치(세로), 선택 값은 상단, 중간, 하단입니다.

bgcolor="#0000ff"
이 칼럼의 배경색은 예시 5를 참조하세요.

bordercolor="#ff00ff"
이 열의 테두리 색상은 예시 3을 참조하세요. 『ie에만 적용 가능』

bordercolorlight="#808080"
이 열의 테두리 중 빛이 닿는 부분의 색상은 예시 3을 참조하세요. 『ie에만 적용 가능』

bordercolordark="#ff0000"
이 열 테두리의 백라이트 부분 색상은 예제 3을 참조하세요. bordercolorlight 또는 bordercolordark를 사용하면 bordercolor가 유효하지 않습니다. 『ie에만 적용 가능』


< ;td>첫 번째 열, 두 번째 열





매개변수 설정(일반적으로 사용됨):
예:

width="48 %"
셀 너비에는 절대값(예: 80)과 상대값(예: 80%)이 허용됩니다.

height="400"
셀의 높이입니다.

colspan="5"
이 셀이 오른쪽으로 열리는 열 수입니다. 예시 6을 참조하세요

rowspan="4"
셀이 아래쪽으로 열리는 열 수입니다. 예시 6을 참조하세요

align="right"
이 셀에 서예와 그림의 배치 위치(가로), 선택 값은 왼쪽, 가운데, 오른쪽입니다.

valign="bottom"
이 셀에서 서예와 그림의 배치 위치(세로), 선택 값은 위쪽, 중간, 아래쪽입니다.

bgcolor="#ff00ff"
이 셀의 배경색은 예제 4를 참조하세요.

bordercolor="#808080"
셀 테두리 색상은 예시 3을 참조하세요. 『ie에만 적용 가능』

bordercolorlight="#ff0000"
셀 테두리 중 빛을 향하는 부분의 색상은 예시 3을 참조하세요. 『ie에만 적용 가능』

bordercolordark="#00ff00"
셀 테두리의 백라이트 부분 색상은 예제 3을 참조하세요. bordercolorlight 또는 bordercolordark를 사용할 경우 bordercolor가 유효하지 않습니다. 『ie에만 적용 가능』

background="myweb.gif"
이 그리드 용지는 bgcolor와 함께 사용할 수 있습니다.
예시 1:
소스 코드
셀이 하나만 있는 테이블< /tr>

결과 표시

셀이 하나만 있는 테이블
예 2:
소스 코드

첫 번째 열, 첫 번째 열

결과 표시

첫 번째 열, 첫 번째 열 첫 번째 열, 두 번째 열
예 3:
원본 코드 <표 너비= "60%" border="1" cellpacing="5">
첫 번째 열, 첫 번째 열
두 번째 열, 첫 번째 열두 번째 열, 두 번째 열

결과 표시

첫 번째 열, 첫 번째 열 첫 번째 열, 두 번째 열
두 번째 열, 첫 번째 열 두 번째 열, 두 번째 열
예시 4:
원본 코드





< td bgcolor="#dab4b4">두 번째 열, 두 번째 열

첫 번째 열, 첫 번째 열첫 번째 열 , 두 번째 열
두 번째 열, 첫 번째 열

결과 표시

첫 번째 열, 첫 번째 열 첫 번째 열, 두 번째 열
두 번째 열, 첫 번째 열 두 열의 두 번째 열
예 5:
소스 코드










첫 번째 열, 첫 번째 열첫 번째 열, 두 번째 열 열첫 번째 열, 세 번째 열
두 번째 열, 첫 번째 열두 번째 열, 두 번째 열 두 번째 열, 첫 번째 열


첫 번째 열, 첫 번째 열, 첫 번째 열 2 열 1 열 3
열 2 열 2 열 2 열 2 table width="350" border="1"cellspacing="0" cellpadding="2" align="center" bgcolor="# ffc4e1" bordercolor="#0000ff">
첫 번째 열의 첫 번째 열두 번째 열 및 첫 번째 열의 세 번째 열
두 번째 및 세 번째 열의 첫 번째 열
두 번째 열의 두 번째 열 Column두 번째 열, 세 번째 열
세 번째 열 두 번째 열세 번째 열, 세 번째 열
:

th> ;로 표시된 셀의 텍스트는 굵게 표시되며 일반적으로 열을 표시하기 위해 테이블의 첫 번째 열에 사용됩니다. 그 사용법은 의 위치를 ​​바꾸는 것입니다. 해당 매개변수 설정은 를 참조하세요.
물론,
로 표시된 셀의 텍스트에 굵은 표시 를 추가하면 와 같은 효과가 나타납니다.
예:
소스 코드


;/tr>



방문자 비율(NC 방문자)
8월 61% 39%
7월 54% 46%
6월 52% 48%

align="top"
테이블 제목 표시줄은 테이블을 기준으로(수평으로) 배치됩니다. 선택 값은 왼쪽, 가운데, 오른쪽, 위쪽, 중간, 아래쪽입니다. align="bottom"을 사용하면 제목 표시줄이 아래에 나타납니다. table. 소스 코드에서
% 방문자% of nc 방문자
8월61%39%
7월54%46 % 48%


표 위에 괘선을 추가하는 것과 마찬가지로 표의 제목 열을 표시하는 것입니다. 물론, 일반적으로 테이블의 제목을 저장하는 데 사용되는 아래에 배치할 수도 있습니다.
매개변수 설정(일반적으로 사용됨):
예:
을 헤드 또는 테일에 넣었는지 여부에 관계없이

valign="top"
테이블을 기준으로 한 테이블 제목 열의 위치(상단 및 하단)입니다. 선택 값은 상단, 하단입니다. align="top" 또는 align="bottom"과 같습니다. 기능이 반복되지만 제목 표시줄을 아래에 배치하고 오른쪽이나 왼쪽에 붙여넣기를 원하는 경우 두 매개변수를 함께 사용할 수 있습니다. 매개변수가 하나만 있는 경우 valign은 html 3.0에서만 시작되는 매개변수이므로 align을 선호하세요.
예:
소스 코드




<일> 방문자
NC 방문자의





8월 WebExpress 방문자 브라우저 사용 분석
%
61%39%

결과 표시

8월 Web Express 방문자 브라우저 사용 분석
월별 즉 방문자 비율(NC 방문자 비율)
8월 61% 39%

위 내용은 HTML 언어분석표 마크업 내용입니다. 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.