2024.03.14

map tag

• 이미지를 자르지 않고 링크를 설정할 때.
• 
• map 사용법 )
  1. 링크를 설정할 영역을 지정

  <map name="이름" id= "아이디">
   <area shape "영역의 종류"coords="좌표"href="링크"title="풍선도움말"/>
    .
    .
  		</map>

  2. 이미지에 링크가 설정된 map 적용.

  <img src="이미지경로" usemap= "#이름"/>

  • 

frame

• web browser에서 여러 개의 HTML을 동시에 로딩해야할 때 사용.
• frame과 iframe 두 가지가 제공.
  • frame : Web browser의 전체를 나눌 때 사용.
    페이지의 전체 디자인을 만들 때.(웹 초기)
  • iframe : Web browser의 일부분을 나눌 때 사용.
    특정 부분에 다른 HTML을 끼워 넣어 보여줄 때.

iframe

• HTML의 특정 부분에서 다른 HTML을 끼워넣어 보여줄 때.

• 사용법 )

   <iframe src = "보여줄html URL" width = "넓이" height = "높이" name = "이름" frameborder = "테두리선의 두께" scrolling = "스크롤바의 여부"></frame>
  
   <a href = "이동할HTML URL" target = "HTML이 보여질 frame 이름">클릭</a>
  		<!--HTML이 보여질 frame 이름
  		- 사용자가 클릭하면 현재페이지를 갱신하는 것이 아닌 <frame>또는 <iframe>에서 HTML이 보여진다.
  		- target에서 frame의 name속성을 찾을 수 없다면 "새창"으로 보여진다.
  		-->

table태그

• 데이터를 정리하여 보여줄 때 사용.

  <table>,<thead>,<tbody>,<tfoot>,<tr>,<th>,<td>태그로 구성

• 사용법 )

  - <table> - 테이블을 시작할 때.
    - 테이블 태그의 대부분의 속성은 HTML5에서 지원하지 않는다.
    <table border="테이블선 두께" bordercolor = "선의색" width = "넓이" height = "높이" background = "바닥이미지" bgcolor = "바닥색" align = "수평정렬" cellpadding = "td안여백" cellspacing = "td사이 여백">
      - 수평정렬 : left,center,right

  • - 행을 시작할 때 사용.(나 만 가질 수 있다.) - 수직정렬 : top,middle,bottom

  ```html
  - <th> - 열의 제목을 설정할 때(진하게, 가운데정렬)
  - <td> - 데이터를 보여줄 때(일반글자,왼쪽정렬)
      - <th>,<td>의 속성이 같음
  - <td width = "넓이" height = "높이" background = "바닥이미지" bgcolor = 	"바닥색" align = "수평정렬" valign = "수직정렬" colspan = "합칠 칸의 수" 	rowspan = "합칠행의 수">
      - colspan = "합칠 칸의 수" rowspan = "합칠행의 수"
  			 - 복잡한 모양의 테이블을 만들 때 사용하는 속성
  - <thread>,<tbody>,<tfoot> 의미적인 용도 태그

  • 작성법 )
    1. 테이블 시작 )
    •