简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

html5에서 셀의 가로 범위를 설정하는 방법

青灯夜游
풀어 주다： 2021-12-17 16:38:48
원래의
2607명이 탐색했습니다.

HTML5에서는 셀 요소(td 또는 th)의 colspan 속성을 사용하여 셀의 가로 범위를 설정할 수 있습니다. 이 속성은 셀이 확장되어야 하는 열 수를 정의할 수 있습니다. "

" 또는 " ".

html5에서 셀의 가로 범위를 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5에서는 셀의 가로 범위를 설정하려면 colspan 속성을 사용할 수 있습니다. (colspan 속성은 td 또는 th 요소에서 작동합니다)

colspan 속성은 셀이 확장되어야 하는 열 수를 정의하는 데 사용됩니다.

구문: ​​

<td colspan="number">
<th colspan="number">
로그인 후 복사
valuedescription
number

셀이 확장되어야 하는 열 수를 지정합니다.

참고: colspan="0" 열 그룹(colgroup)의 마지막 열까지 셀 범위를 지정하도록 브라우저에 지시합니다.

예: 

<!DOCTYPE <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>设置单元格列跨度</title>
	</head>
	<body>

		<table width="550" border="1" cellspacing="0" cellpadding="5">
			<tr>
				<th colspan="2" align="center">存款（1~3月）</th>
			</tr>
			<tr>
				<td>一月</td>
				<td>3000 元</td>
			</tr>
			<tr>
				<td>二月</td>
				<td>5000 元</td>
			</tr>
			<tr>
				<td>三月</td>
				<td>3500 元</td>
			</tr>
			<tr>
				<td colspan="2">总计：11500 元</td>
			</tr>
		</table>
	</body>
</html>
로그인 후 복사

html5에서 셀의 가로 범위를 설정하는 방법

관련 추천: "html 비디오 튜토리얼"

위 내용은 html5에서 셀의 가로 범위를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
html5 表格
원천：php.cn
이전 기사：HTML에서 그림을 위아래로 움직이는 방법 다음 기사：HTML5에서 텍스트 기울임꼴을 설정하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Javascript를 사용하여 HTML5의 필수 속성을 설정하는 방법은 무엇입니까? Javascript에서 필요에 따라 텍스트 입력 상자를 표시하려고 합니다. <inputid="edName"type="text&qu...
에서 2023-10-13 08:52:25
0
2
317
정확한 마우스 좌표를 얻지 못하는 문제: 페이지 크기를 조정할 때 HTML5 캔버스 사용 저는 프론트엔드 전문가로부터 이 픽셀 효과를 만들고 싶습니다. 전체 화면 캔버스에서 전체 픽셀 효과를 얻을 수 있지만: constcanvas=getElementB...
에서 2023-09-12 12:20:33
0
1
280
Base64로 인코딩된 HTML5 비디오 M3U8 HTML5의 비디오 태그에 base64로 인코딩된 M3U8 파일을 추가하고 싶은데 어떻게 해야 하나요?<!DOCTYPEhtml><htmllang=...
에서 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: onclick 이벤트 메소드가 호출되지 않았습니다. 오류 "변수를 찾을 수 없음: updateDocument" 저는 프런트 엔드 개발이 처음이지만 HTML5, CSS 및 Javascript에 대한 기본적인 이해가 있습니다. vue.js 프로젝트를 만들고 bootstrap과...
에서 2023-09-09 20:06:48
0
1
362
XHTML의 이미지 태그에서 닫는 슬래시 '/'를 제거합니다. 이미지를 저장하는 문자열 txt1이 있습니다. 해당 값은 XHTML 형식입니다. 즉, 요소가 닫혀 있습니다. 하지만 닫는 슬래시를 제거해야 HTML5와 같을 수 ...
에서 2023-09-06 12:15:38
0
1
240
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！