* 표만들기를 위한 기본 태그 <table>, <tr>, <th>, <td>
<table> : 기본 표 생성
<tr> : 한 행
<th> : 한 열, 제목셀(글자 굵게, 가운데 정렬)
<td> : 한 열, 일반셀
* 셀병합 속성 : colspan, rowspan
<!-- 제일 밑에 행에서는 열병합 안됌.셀 하나에서 열은 아래로 행은 오른쪽으로 병합된다. -->
예시)
<h3>이력서</h3>
<table border="1">
<tr> <!-- 사진 부분은 4칸으로 이루어 진 것-->
<th width="130" height="130" colspan="2" rowspan="2">사진</th>
<th width="80">이름</th>
<th width="200">홍길동</th>
</tr>
<tr>
<td>연락처</td>
<td>010-0000-0000</td>
</tr>
<tr>
<td width="70" height="50">주소</td>
<td colspan="3"> 경기도 군포시 ㅇㅇㅇ ㅇㅇㅇ</td>
</tr>
<tr>
<td width="130">자기소개</td>
<td colspan="3">안녕하세요 저는 ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ</td>
</tr>
</table>
이력서
사진 | 이름 | 홍길동 | |
---|---|---|---|
연락처 | 010-0000-0000 | ||
주소 | 경기도 군포시 ㅇㅇㅇ ㅇㅇㅇ | ||
자기소개 | 안녕하세요 저는 ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ |
'HTML&CSS' 카테고리의 다른 글
CSS 레이아웃 스타일: flex(flex-direction, justify-content, align-items 등), grid + box-sizing (0) | 2024.03.13 |
---|---|
CSS 요소영역이란? & 레이아웃 스타일: display, position + z-index & float (0) | 2024.03.13 |
HTML/CSS 블럭요소(div), 인라인요소(span), style선택자 + 선택자 우선순위 (0) | 2024.03.12 |
HTML/CSS : id, class, name, value 속성 차이 정리 (0) | 2024.03.08 |
HTML 입력 양식 태그 정리 : input 태그, form 태그 (2) | 2024.03.07 |