Web 2일차 1(태그)
2022. 12. 21. 09:34ㆍ코딩배움일지/Web 구현
object 태그
음악 파일 뿐만 아니라 동영상이나 자바 애플릿, PDF 파일 등 다양한 개체를
삽입
기본형
<object width="너비" height="높이" data="파일"></object>
- data – 재생할 파일 지정
- width, height – 플레이어 화면 크기 지정
<h1>웹 문서에 PDF 파일 삽입하기</h1>
<object width="900" height="800" data="product.pdf"></object>
<embed src="medias/spring.mp3">
오디오
<audio src="medias/spring.mp3" controls></audio>
비디오
<video src="medias/salad.mp4" controls width="700"></video>
플레이어 표시 없이 배경 음악 넣기
<audio src="medias/spring.mp3" autoplay loop></audio>
비디오 자동 재생하기
<video src="medias/salad.mp4" width="700" autoplay muted loop></video>
하이퍼링크 태그
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://www.naver.com">네이버</a>
<ul>
<li><a href="http://www.naver.com">네이버</a></li>
<li><a href="http://www.kakao.com">카카오</a></li>
<li><a href="http://www.google.com">구글</a></li>
<li><a href="http://www.facebook.com">페이스북</a></li>
</ul>
</body>
</html>
'코딩배움일지 > Web 구현' 카테고리의 다른 글
| Web 2일차 2-1(input 심화) (1) | 2022.12.21 |
|---|---|
| Web 2일차 1-1(입력양식) (0) | 2022.12.21 |
| Web 1일차 1-3() (0) | 2022.12.20 |
| Web 1일차 1-2( (0) | 2022.12.20 |
| Web 1일차 1-1(HTML이란) (0) | 2022.12.20 |