728x90
반응형
[HTML&CSS 스터디] 8. 이미지 삽입하기 <img>
이미지를 출력하는 <img> 태그
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>고양이의 일상</title>
<meta name="description" content="고양이가 좋아하는 것과 일상을 소개합니다.">
</head>
<body>
<h1>고양이의 하루</h1>
<img src="a.jpg" alt="꽁꽁냥">
<p>꽁꽁 얼어붙은 한강 위로 고양이가 걸어다닙니다. 돌을 던져봐도 끄떡없습니다.</p>
</body>
</html>
-<img> 태그 내부에는 이미지의 경로와 파일 이름(=src), 그리고 이미지를 제대로 출력하지 못했을 때 대신 출력할 텍스트(=alt) 를 입력해야 한다.
728x90
반응형
'HTML,CSS, JS > HTML&CSS 스터디' 카테고리의 다른 글
| [HTML&CSS 스터디] 10. 링크 만들기 <a> (0) | 2024.07.06 |
|---|---|
| [HTML&CSS 스터디] 9. 파일 경로 지정하기 (0) | 2024.07.06 |
| [HTML&CSS 스터디] 7. 문장 출력하기 <p> (0) | 2024.07.06 |
| [HTML&CSS 스터디] 6. 제목 붙이기 <h1>~<h6> (0) | 2024.07.06 |
| [HTML&CSS 스터디] 5. HTML의 기본 문법: 태그 <> (0) | 2024.07.06 |