불로구

3강. 표만들기 & 하이퍼링크 본문

프로그래밍/HTML & CSS

3강. 표만들기 & 하이퍼링크

맹이맹이 2020. 5. 9. 21:21
반응형

표만들기, 하이퍼링크

표만들기 <table>

 

HTML5에서 태그들을 이용하여 표를 작성할 수 있다.

<table> : 표 전체를 담는 컨테이너

<caption> : 표 제목

<thead> : 헤딩 셀 그룹

<tfoot> : 바닥 셀 그룹

<tbody> : 데이터 셀 그룹

<tr> : 행, 여러 개의 <td>, <th> 포함

<td> : 데이터 셀

 

하이퍼링크 만들기 <a>

<a>태그와 href 속성으로 만들 수 있다.

<a>태그 속성

<a href="URL" | "URL#앵커이름“ | "#앵커이름” targer="윈도우이름“ download>

href = 이동할 HTML 페이지의 URL 혹은 HTML 페이지 내 앵커 이름

target = 링크에 연결된 HTML 페이지가 출력될 윈도우 이름 지정

(target의 _blank값을 주면 새로운 창에서 페이지가 열린다)

download = 링크가 클릭되면 href에 지정된 파일이 다운로드 됨

저번에 배웠던 img 태그 기억하시나요?

하이퍼링크를 이미지로도 만들 수 있답니다!

혹시나 궁금한 점은 댓글로 남겨주세요!

반응형
Comments