테이블 열(행)을 표시하는 데 사용됩니다.
셀(셀)을 표시하는 데 사용됩니다.
매개변수 설정(일반적으로 사용됨):
예: < ;테이블 너비="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에만 적용 가능』
매개변수 설정(일반적으로 사용됨):
예: |
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:
소스 코드
결과 표시
셀이 하나만 있는 테이블
예 2:
소스 코드
결과 표시
첫 번째 열, 첫 번째 열 첫 번째 열, 두 번째 열
예 3:
원본 코드 <표 너비= "60%" border="1" cellpacing="5">
|
첫 번째 열, 첫 번째 열 |
< ;td>첫 번째 열, 두 번째 열
두 번째 열, 첫 번째 열 |
두 번째 열, 두 번째 열 |
결과 표시
첫 번째 열, 첫 번째 열 첫 번째 열, 두 번째 열
두 번째 열, 첫 번째 열 두 번째 열, 두 번째 열
예시 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">
|
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
