인프런 커뮤니티 질문&답변

songunwook님의 프로필 이미지
songunwook

작성한 질문수

1. 웹개발 기초 [HTML, CSS]

1강 html 기본 태그

행과 열

작성

·

226

0

행과 열 부분이 잘 이해가 되질않아요ㅠㅠ 좀더 이해할수잇는 자료들이 잇을까요?

답변 2

1

개발자Park님의 프로필 이미지
개발자Park
지식공유자

안녕하세요.

개발자PARK입니다.

[질문]

행과 열 부분이 잘 이해가 되질않아요ㅠㅠ 좀더 이해할수잇는 자료들이 잇을까요?

 

[답변]

제가 가지고있는 자료는 더 존재하지 않습니다. 즉석에서 아래와 같은 설명을 첨부드립니다.

  

[부연설명]

열병합, 행병합을 제외하고 생각하시면 쉽습니다.

tr은 개행을 의미하고 td는 열을 채워넣는다는 느낌입니다.

   

3행 2열을 만든다고하면

 1.3개의 행을 생성합니다.

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

 

2.그 후에  여는 태그<tr>과 닫는태그</tr>사이에 td를 2번넣어주시면 됩니다.

1행:

<tr>

<td>데이터1</td><td>데이터2</td>

</tr>

2행:

<tr>

<td>데이터3</td><td>데이터4</td>

</tr>

3행:

<tr>

<td>데이터5</td><td>데이터6</td>

</tr>

  

열병합과 행병합을 할 경우. 행과열을 머릿속에 그리고 테이블작업을 하셔야합니다.

가령 위 예제에서 3개의 행을 병합하신다면 한개의 행이 여유공간이 되겠습니다.

즉,아래와 같아지겠습니다. 

<tr>

<td  rowspan="3">데이터1</td><td>데이터2</td>

</tr>

2행:

<tr>

<td>데이터4</td>

</tr>

3행:

<tr>

<td>데이터6</td>

</tr>

감사합니다.

0

songunwook님의 프로필 이미지
songunwook
질문자

너무 너무 감사합니다! 좋은 하루 되십시용

songunwook님의 프로필 이미지
songunwook

작성한 질문수

질문하기