[HTML&CSS 스터디] 8. 이미지 삽입하기 <img>

2024년 07월 06일

Song hyun
작성자
2024.07.06.:14

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

다음 글이 없습니다.

이전 글이 없습니다.

[HTML&CSS 스터디] 8. 이미지 삽입하기 <img>

'HTML,CSS, JS > HTML&CSS 스터디' 카테고리의 다른 글

티스토리툴바