HTML 프로그래밍 3/16 세번째(표, 행/열합침, 하이퍼링크)

표(테이블) ★★★★★

 

<table> </table> : 표는 그리는 것을 명시

<tr> </tr> : table row, 행(줄) 추가

<td> </td> : table data, 열(칸) 추가

<th> </th> : table head, 제목 칸 추가

border = <table> 내에 있는 모든 태그 값에 적용

★★★★★ <tr>에 테두리x <td>테두리, <table> 테두리에 적용 → 이부분 잘 기억하기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

th vs td

글씨크기, 글씨 굵기가 다름

← <th> 태그

← <td> 태그

 

 

 

 

 

 

 

table의 영역구분, 부분 나누기  → CSS에서 사용

 

 

 

 

 

 

행/열 합침 ★★★★

행 합침(줄 합침) → 속성값 rowspan

줄 합침(칸 합침) → 속성값 colspan

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

실행화면

 

 

 

 

하이퍼링크 삽입

<a href="하이퍼링크 경로">텍스트/이미지 </a>

 

 

코드

실행화면

 

 

이미지 삽입&이미지 tag 사용 시 자주 쓰는 속성

 

 

 

 

오디오/비디오 삽입(실습X)

 

<오디오 삽입>
 <audio src="오디오 파일 경로"controls></audio>

 

 

<비디오 삽입>
<video src="비디오 파일 경로"controls></video>