[개발]프로그래밍/html5
[html5] img - 웹 브라우저에 이미지 표시
좋은 블로그
2021. 1. 25. 10:42
1. 개념
img - 이미지 삽입웹 브라우저에서 이미지를 표시하고자 할 경우에 사용
src : 이미지 경로를 지정(파일이나 URL 경로)
alt : 이미지를 설명해 주는 텍스트
width : 이미지 넓이를 지정
height : 이미지 높이를 지정
2. 태그
imghtml5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
1
<img src = "https:// ................ /default.png" alt = "키보드와 하루 티스토리 대표 이미지" width = "300px" height = "300px" >
</body>
</html>
|
결과 화면
코드 설명
1
<img src = ....... >
웹 브라우저에서 이미지를 표시하고자 할 경우에는 img 라는 태그를 사용합니다.
지금 보시면 저는 제 티스토리 대표 이미지의 URL를 가져와서 src에 담았습니다.
URL이 너무 길고 의미가 없어서 ...... 으로 표시했습니다.
그리고 alt는 이미지를 설명하는 텍스트인데 이것은 시각장애인분들이 이미지를 볼수 없기 때문에 대신 읽어주는 텍스트 부분입니다.
지금 보시면 저는 제 티스토리 대표 이미지의 URL를 가져와서 src에 담았습니다.
URL이 너무 길고 의미가 없어서 ...... 으로 표시했습니다.
그리고 alt는 이미지를 설명하는 텍스트인데 이것은 시각장애인분들이 이미지를 볼수 없기 때문에 대신 읽어주는 텍스트 부분입니다.