티스토리 뷰
이미지 & 미디어 태그
이미지태그
<img></img>
이미지 삽입할경우 이미지 태그를 사용한다.
이미지 태그의 속성
| src | 이미지 파일 경로 |
| alt | 이미지 파일이 없을 경우 표시되는 문장 |
| width | 이미지의 너비 (CSS에서 지정하는 것이 일반적) |
| height | 이미지의 높이 (CSS에서 지정하는 것이 일반적) |
미디어 태그
- 오디오태그
<audio></audio>
오디오 태그의 속성
| src | 음악 파일 경로 |
| preload | 재생 전에 음악 파일을 모두 불러올 것인지 지정 |
| autoplay | 음악 파일을 자동의 재생 개시할 것인지 지정 |
| loop | 음악을 반복할 것인지 지정 |
| controls | 음악 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다. |
- 비디오태그
<video></video>
비디오 태그의 속성
| src | 동영상 파일 경로 |
| poster | 동영상 준비 중에 표시될 이미지 파일 경로 |
| preload | 재생 전에 동영상 파일을 모두 불러올 것인지 지정 |
| autoplay | 동영상 파일을 자동의 재생 개시할 것인지 지정 |
| loop | 동영상을 반복할 것인지 지정 |
| controls | 동영상 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다. |
| width | 동영상의 너비를 지정 |
| height | 동영상의 높이를 지정 |
Form 태그
Form 태그
<form></form>
form태그는 사용자가 입력한 데이터를 수집하기위한 태그
form 태그 안에 들어가는 태그들 :
- input
- textarea
- button
- select
- checkbox
- radio button
- submit button
| action | URL | 입력 데이터(form data)가 전송될 URL 지정 |
| method | get / post | 입력 데이터(form data) 전달 방식 지정 |
<!DOCTYPE html>
<html>
<body>
<form action="http://jsonplaceholder.typicode.com/users" method="get">
ID: <input type="text" name="id" value="1"><br>
username: <input type="text" name="username" value="Bret"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>새로운 속성을 배웠다, action 과 method를 통하여 바로 전송이 가능하다는것
'HTML' 카테고리의 다른 글
| [HTML] Hyperlink - a태그 , 목록과 표 형식을위한 태그 (0) | 2022.04.19 |
|---|---|
| [HTML] 웹페이지를 구성하는 기본 요소, 텍스트 태그 (0) | 2022.04.16 |
| [HTML] HTML5 기본문법 , 시멘틱 요소와 검색엔진 (0) | 2022.04.14 |