[HTML] Embedded content

Jo yun hee·2022년 3월 30일
1

HTML

목록 보기
3/7
post-thumbnail

✍Embedded content

외부의 소스를 가져와서 HTML 문서에 끼워넣는 컨텐츠.

<img>

👌 src와 alt 속성이 필수다.

<img src(이미지 파일 위치)="(절대경로이거나 상대경로이어야한다)" alt="스크린 리더가 읽어야 하는 문" width="300" title="사진에 cursor하면 뜨는 도움말">
<img src="img/피자.jpg" alt="맛있는 피자"  title="맛있는 피자입니다">

👌 src이미지 경로

./ 현재폴더
../ 상위폴더
../../ 상위 폴더의 상위 폴더

👌 이미지 태그를 a태그로 감싸면 어떻게 될까?

이미지를 클릭하면 구글 주소로 이동한다. 이미지 링크가 생성된다.

<body>
  <a href="https://google.com">
  	<img src="https://www.google~~~">
  </a>
<body>

<iframe>

<audio>

<video>

트래픽주의 과금주의!!!
youtube
400메가 동영상을 플레이 할 수 있게 비디오태그로 재생하면
트래픽 용량이 1.6G라 하면 네번 돌리면 끝난다.
유료스트리밍 서버 - Vimeo가 있다.(로그인한 사용자만 동영상 시청 가능)

2개의 댓글

comment-user-thumbnail
2022년 3월 30일

오!! 안녕하세요~ Embedded content 검색으로 찾아왔어요! 멋쟁이 사자처럼 프론트엔드 스쿨 2기 같이 파이팅 해요!!!🔥🔥

1개의 답글