HTML에 대한 수업입니다. 세포를 병합

HTML의 표 - 매우 편리한 아이템입니다. 그들과 함께 당신은 아무것도 할 수 있습니다. 물론, 주요 목적 - 테이블에 정보를 배치. 그러나 사이트의 개발자들은 더 갔다. 한 번에이 사이트 프레임 워크를 만들 테이블을 사용하는 것은 매우 인기가 있었다. 이제 전문가가 그렇게하지 않으려 고 노력하고 있습니다.

표 때문에 속성의 많은 수의 자신의 다양한 응용 프로그램을 발견했다. 예를 들어, 매우 유용한 속성은 행 또는 열을 결합 돌았 다.

이론 소개

열 병합과 ROWSPAN : HTML에서, 세포의 조합은 두 가지 속성에 의해 발생합니다. 그들은 TD 태그에 지정됩니다.

우리가 주제를 탐구하기 전에 우리가 먼저, 각 테이블의 구조를 분석해 보겠습니다. 모든 테이블에서이 라인, 그리고 그것에 - 세포. 처음에, 모든 테이블이 동일한 수의 셀을 포함해야한다는 것을 기억하십시오.

상기 나타낸 두 개의 행과 3 개 개의 셀의 각각의 도면. 그것은 일반적인 테이블입니다. 당신이 어떤 상자에있는 경우, 테이블이 "이사"되는 세포의 작은 숫자를 입력, 모두가 제대로 표시되지 않습니다.

HTML - 테이블 : 수직 및 수평 셀을 병합

병합 뭔가가있는 경우 세포 또는 문자열의 작은 숫자 만 사용할 수 있습니다 지정합니다. 하지만 그 대신 가기 가장 가까운 이웃에서 삭제 된 항목의 경우 추가 속성을 지정해야합니다. 당신은 문자열의 경우, 다음 ROWSPAN 열 후 열 병합을 결합합니다. 속성의 값은 병합 할 항목의 수를 나타냅니다.

당신이 정상에 가까운 요소를 지정할 필요가 있습니다. 당신이 셀 1과 2를 결합하기를 원한다면 예를 들어, 위의 그림에서, 두 가지의 값을 가진 셀 1 열 병합 속성에 지정해야합니다. 그리고 위치 번호 2 또는 3을 삭제, 그건 문제가되지 않습니다.

결론은 당신이 걸릴 것입니다 얼마나 많은 공간이 셀을 말할 것입니다. 기본값은 1입니다.

병합 세포는 수직으로 HTML 테이블은 같은 원리로 이루어집니다. 간단히 차지하는 공간은 수직으로 간주됩니다. 아래 그림을 참조하십시오.

여기서, 번호 (43)을 갖는 셀은 두 문자열 걸린다. 이렇게하려면 속성 ROWSPAN을 지정합니다. 그냥 기억 :

• 행 - 행.
• 골 - 열 / 열입니다.
• 스팬 - 협회.

제작자는 심지어 그것을 모르고, 어떻게 든 이해할 수 있도록, 인간에 가능한 한 언어를 가지고 노력했다.

수직 및 수평으로 : HTML에서, 세포의 조합은 두 방향으로 수행 할 수 있습니다. 이를 위해, 우리는 모두 속성을 지정합니다.

위의 그림은 단지 그와 연관이 할 수있는 진술 : 행, 열 또는 행과 열을 모두.

HTML : 셀을 병합. 예

우리가 큰 테이블에 더 복잡한 예제 이정표를 생각해 보자. 왼쪽 아래의 일반 테이블의 원래 버전을 설정합니다. 우측 - 번째 행의 두 셀의 조합 변이체. 그래서 명확하고 쉽게는 HTML 코드를 비교합니다.

또한 셀의 중앙에 세 가지를 결합 할 수 있습니다. 첫 번째 경우에 열 결합 특성은 셀 №1 지정한다. 여기서, 상기 제는 변경 될 것이며, 두 번째는 2-3과 동일의 열 결합에 첨가 하였다.

단일에 행의 모든 셀을 병합하려는 경우 먼저 열 병합 =의 '5'를 나타 내기에, 다음 네 개의 TD를 제거합니다.

당신이 볼 수 있듯이, 사실, 모든 것이 간단합니다. 아무것도 복잡하지 않습니다. 가장 중요한 것은, 신중하게, 처음부터 테이블의 모든 함정을 이해하고 아무런 문제가 발생하지합니다.

사이트 프레임 워크로 표

HTML에서, 세포의 조합은 항상 (Word 또는 Excel에서) 정보와 일반 테이블에 사용되지 않습니다. 웹 사이트 디자이너는 종종 있지만, 이전의 여론 조사 사이트의 레이아웃을 사용했다.

예를 들어, 사이트의 레이아웃을 고려한다. 이 디자인 - 매우 간단하고 원시적. 하지만 당신은 명시 적으로 연결의 사용을 표시 할 수 있습니다.

두 개의 세포 각각의 세 행의 테이블은 원래 있었다. 그런 다음 사이트의 로고, 첫 번째 행에있는 두 개의 세포가 결합 된 배치합니다. 결론은 "지하실"를 수용하기 위해 동일한 작업을 수행하는 것입니다.

그 자리에 가능 인해 디자인의 요소를 배치하고, 아무것도 한계를 떠나지 않을 것입니다. 이것은 매우 편리하고 간단합니다. 따라서 인기였다. 이제, div 태그 블록을 생성하는 것이 좋습니다.

결론

그리고 HTML 테이블 셀 병합, 당신은 당신이 원하는 무엇이든 할 수 있다는 것을 기억하십시오. 그것은 모두 당신이 원하는에 따라 어떻게 당신은 그것을 준비하고 싶다. 중요한 것은, 혼동하지 않습니다. 이 단체의 많은 수의 큰 테이블을 만들려면, 종이 또는 페인트에 모든 것을 그리는 것이 좋습니다. Imposer 초보자가 쉽게 될 것입니다.

때 이득 경험, 이러한 작업은 쉽게 당신의 머리에서 수행 할 수 있습니다.