일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- javascript scope
- Linux cat
- Linux apt
- Navigation Pattern
- EC2 Apache2
- Linux 디렉터리 구조
- Linux oh my zsh
- Linux 파일 관리 명령어
- Linux cd
- Linux 디렉터리 역할
- Linux apt-get
- 아비트럼 새폴리아 이더 받는법
- Linux mkdir
- Linux 디렉터리 명령어
- javascript 정렬
- UNPROTECTED PRIVATE KEY FILE
- EC2 HTTP 호스팅
- EC2 oh my zsh
- Linux ls
- Linux pwd
- EC2 zsh
- arbitrum sepolia eth
- AWS EC2 서버 만들기
- HTTP Web Server
- linux background
- linux foreground
- Logback
- ec2 ssh unprotected private key file
- 서버의 서비스 방식
- Linux rmdir
Archives
- Today
- Total
HyunJun 기술 블로그
HTML <img> Element 본문
728x90
반응형
1. img element
HTML 페이지에서 이미지를 보여주기 위한 요소입니다.
2. img의 src 속성
- 폴더(서버)에 가지고 있는 이미지를 표현하거나
- 인터넷상에 존재하는 모든 이미지를 표현할 수 있습니다. (저작권 문제 조심해야 합니다.)
아래와 같이 이미지 파일을 가지고 있는 경우
src 속성을 사용하여 불러올 수 있으며, alt는 이미지가 없을 경우 나올 텍스트입니다. 또한 "./"는 현재 폴더를 의미하며, "../"는 상위 폴더를 의미합니다.
<img src="./free.jpeg" alt="이미지가 없어요." />
<img src="./nothing.jpeg" alt="이미지가 없어요." />
또한 기존의 엘리먼트들과 다르게 style 속성을 명시적으로 적어주지 않아도 width, height 설정이 가능합니다.
<img src="./free.jpeg" width="1000px" height="1000px" alt="이미지가 없어요." />
마지막으로, 인터넷상에서 이미지 url을 복사하여 바로 적용 가능합니다. 다만 해당 url에서 이미지 자원이 없어진다면 엑박으로 뜨겠죠?
<img src="https://slp-statics.astockcdn.net/static_assets/staging/22spring/free/browse-vector-categories-collections/Card4_399895799.jpg?width=580" alt="" />
728x90
반응형
Comments