>웹 프론트엔드 >프런트엔드 Q&A >HTML에서 테이블을 병합하는 방법

HTML에서 테이블을 병합하는 방법

藏色散人
藏色散人원래의
2021-05-26 11:05:3526108검색

HTML에서 테이블을 병합하는 방법: 먼저 HTML 샘플 파일을 만든 다음 테이블을 통해 테이블을 만든 다음 rowspan 속성을 사용하여 두 개 이상의 행을 병합하고 마지막으로 colspan 속성을 사용하여 두 개 이상의 열을 하나의 열로 병합합니다. .

HTML에서 테이블을 병합하는 방법

이 문서의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

HTML 테이블 및 셀 병합

Table

nbsp;html>

	
		<meta>
		<title>HTML的表格</title>
	
	
		<center><h1>员工信息表</h1></center>
		<hr>
		<!--表格,border="1px"表示设置表格边框为1像素-->
		
a1 a2 a3
b1 b2 b3
c1 c2 c3

HTML에서 테이블을 병합하는 방법

Cell merge

rowspan 및 colspan

1 , 두 개 이상의 행을 병합하려면 rowspan 속성이 사용됩니다.
2. 두 개 이상의 열을 하나의 열로 결합하려는 경우 colspan 속성이 사용됩니다.

nbsp;html>

	
		<meta>
		<title>表单元格合并</title>
	
	
		
a1 a2 a3
b1 b2 b3c3
c1c2

HTML에서 테이블을 병합하는 방법

번째 태그

1. 테이블의 헤더 셀은 <th> 태그를 사용하여 정의됩니다. <code><th>标签进行定义。<br>2、表格的表头单元格属性主要是一些公共属性,如:<code>aligndirwidthheight2 테이블의 헤더 셀 속성은 주로 align, dir, width, height. <br>3. 대부분의 브라우저는 표 헤더를 굵은 글씨로 가운데 정렬된 텍스트로 표시합니다. <pre class="brush:php;toolbar:false">nbsp;html&gt; &lt;meta&gt; &lt;title&gt;表单元格合并&lt;/title&gt; </pre> <table> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>a1</td> <td>a2</td> <td>a3</td> </tr> <tr> <td>b1</td> <td>b2</td> <td>b3c3</td> </tr> <tr> <td>c1c2</td> </tr> </table> <p><img src="https://img.php.cn/upload/article/000/000/020/7940b5e9b8fb6ea746c9fc60307f7edc-2.png" alt="HTML에서 테이블을 병합하는 방법" loading="lazy"></p> <p>추천 학습: "<a href="//m.sbmmt.com/course/list/11.html" target="_blank">HTML 비디오 튜토리얼</a>"</p>

위 내용은 HTML에서 테이블을 병합하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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