html 주요태그 BODY -4

테이블 태그

예전에는 테이블 태그를 이용해 레이아웃을 구성하기도 했지만, 요즘은 div와 span 태그를 이용한다.

아.. 적을 게 너무 많다. 음

Monthly savings

Month	Savings
January	$100
February	$50

<style>

table, th, td {

  border: 1px solid black;

  border-collapse: collapse;

}

th, td {

  padding: 5px;

  text-align: left;

}

</style>

<table style="width:100%">

  <caption>Monthly savings</caption>

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>January</td>

    <td>$100</td>

  </tr>

  <tr>

    <td>February</td>

    <td>$50</td>

  </tr>

</table>

table - 표를 정의하는 요소

tr - table row (행)

th - table heading (제목)

td - table data (셀)

caption - 표의 캡션

멀티미디어

이미지 src 태그

<img src="./dog.jpeg" alt="이미지 파일이 없습니다.">

src - 이미지 파일 경로

alt - 이미지 파일이 없을 경우 표시될 문장

width - 이미지의 너비

height - 이미지의 높이

audio 태그

src - 파일 경로

preload - 페이지 로드 시 음악파일을 모두 불러올 것 인지 여부 (auto, metadata, none)

autoplay - 자동재생여부

loop - 반복 여부

muted - 음소거 여부

controls - 음악 재생 도구 표시 여부 (재생 / 일시 중지 단추 등).

video 태그

src - 파일 경로

poster - 대표 이미지 설정

autoplay - 자동재생여부

loop - 반복 여부

height, width - 플레이어 높낮이

preload - 페이지 로드 시 음악파일을 모두 불러올 것 인지 여부 (auto, metadata, none)

muted - 음소거 여부

controls - 음악 재생 도구 표시 여부 (재생 / 일시 중지 단추 등).

나머지는 다시 이어서...