6. 이미지 / 오디오 / 비디오 태그
경로(path, 위치)
절대 경로: 최상위 폴더부터 현재 위치까지 전부 표시하는 경로
C:, D:
EX)D:\dev\VsCode.exe
상대 경로: 프로잭트 가 저장된 곳을 기준
상위 폴더로 갈 경우엔 ../
1.temp.html이 현재 같은 폴더에 있을 경우
"temp.html","./temp.html"
2.만약 temp.html이 현재 파일보다 한단계 위에 있을 경우
"../temp.html"
3.만약 temp.html이 다른 폴더에 있을 경우
3-1)현재 파일과 같은 위치 폴더 안에 있을 경우
"./폴더명/temp.html"
3-2)현재 파일보다 높은 위치의 폴더 안에 있을 경우
"../폴더명/temp.html"
이미지
img : 웹문서에서 이미지를 추가하는 태그
src = "주소(절대/상대 경로)"; src 태그의 속성값(주소)의 이미지를 화면에 표시. (필수)
alt ="" 이름 -> alticle , 이미지가 깨졌을 시 표시된다.
크기 고정 width/height =" px" (화면 px대비라서 브라우저가 줄어들어도 안줄어듬)
가변 width/height =" %" (브라우저가 줄어들면 같이 줄어듬)
usemap = 선택자 : map구역을 만들어 영역을 지정하여 각각의 영역에 링크나 특정 작업을 연결할 수 있다.
ex)
새창 _blank /탭, 자기자신 _self
audio/ video
audio/video src ="주소"
속성
controls="controls" 컨트롤바 생성 유무
autoplay="autoplay" 자동재생
loop="loop" 반복
만약 오디오에서 controls가 빠질경우 보이지 않고, 비디오의 경우 우클릭해서 표시가 가능하나 번거로우니 되도록 걸어주는 것이 좋다.
