HTML 공부하기 (3) 링크태그 테이블태그

링크 태그 <a>

<a href="이동 할 주소"> 보여질 텍스트 </a>

속성	설명	예시
href	이동할 주소(URL)	href="https://www.naver.com"
target	링크 열리는 방식	_blank = 새 탭에서 열기
title	마우스 올리면 설명 툴팁 표시	title="네이버 바로가기"

​

"#" 임시링크

​

 

네이버 바로가기

</a>

​

이미지로 링크 열기

< img src="이미지파일">

​

테이블태그 (표)

태그	의미	역할
<table>	표 전체	표의 시작과 끝
<tr>	table row	한 행(row)
<th>	table header	제목 셀(굵게 + 가운데 정렬)
<td>	table data	일반 데이터 셀

<table>

<tr>

<th>항목</th>

<th>설명</th>

</tr>

<tr>

<td>HTML</td>

<td>웹 구조를 만드는 언어</td>

</tr>

</table>

​

결과

항목	설명
HTML	웹 구조를 만드는 언어

표에 테두리와 크기 추가

연습용으론 border 속성만

나중에 CSS로 함

​

border-collapse: collapse;

→ 셀 사이의 테두리가 겹치지 않게 합쳐주는 속성

​

​

표 구조 구분 태그

<thead> <tbody> <tfoot>

태그	설명
<thead>	표의 머리 부분 (제목 행)
<tbody>	표의 본문 부분 (데이터 행)
<tfoot>	표의 하단 요약 부분

셀 병합 (colspan, rowspan)

속성	설명	예시
colspan	가로 방향으로 셀 합치기 (칸)	<td colspan="2">
rowspan	세로 방향으로 셀 합치기 (줄)	<td rowspan="3">