[HTML 기초] 이미지 요소 - <img>

2024. 12. 5. 16:18·기초 학습/HTML

<img> 태그란?

  • <img>태그는 이미지를 의미하는 태그로 이미지를 삽입할 때 사용한다.
  • 열고 닫는 태그 없이 <img>라는 하나의 태그만 존재한다. (닫는 태그를 통해 범위를 나타낼 필요가 없기 때문에!)

속성

필수 속성 - src

  • 이미지를 삽입하려면 필수 속성인 src를 사용해서 삽입하려는 이미지 소스의 경로를 지정해야 한다.

선택 속성 - alt

  • 이미지의 대체 텍스트를 지정하는 옵션이다.
  • 스크린 리더를 사용하는 사용자에게 이미지 대신 텍스트로 설명해줄 수 있다.
  • 이미지를 불러오는데 에러가 난 경우에도 이미지를 텍스트로 대체할 수 있다.
<img src="mori.jpg" alt="우리집 강아지 모리">

'기초 학습 > HTML' 카테고리의 다른 글

[HTML 시맨틱] 블록 vs 인라인 요소 (대표: div, span)  (0) 2024.12.05
[HTML 시맨틱] HTML5란?  (1) 2024.12.05
[HTML 기초] 앵커 태그 - <a>  (0) 2024.12.05
[HTML 기초] 목록 태그 (<ol>, <ul>, <li> )  (0) 2024.12.05
[HTML 기초] HTML 상용구 - 필수 구조  (2) 2024.12.04
'기초 학습/HTML' 카테고리의 다른 글
  • [HTML 시맨틱] 블록 vs 인라인 요소 (대표: div, span)
  • [HTML 시맨틱] HTML5란?
  • [HTML 기초] 앵커 태그 - <a>
  • [HTML 기초] 목록 태그 (<ol>, <ul>, <li> )
뜐🐸
뜐🐸
패왕색 패기를 갖춘 뜐입니다~
  • 뜐🐸
    뜐의 개발 로그
    뜐🐸
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기초 학습
        • HTML
        • CSS
        • JavaScript
        • Version Co..
        • 미니 프로젝트
        • DOM & 웹 AP..
      • CSS 프레임워크
        • Bootstrap
      • React
        • 개념 정리
        • 기초 정리
      • 알고리즘
        • Week 1: 입출..
        • 재귀
        • 백트래킹
      • javascript
      • FastAPI
        • 크롤링 서버 만들기
      • 전역 상태 관리
        • Redux
      • 한 입 리액트 챌린..
      • 영어
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    :active
    티스토리챌린지
    :nth-child(n)
    가상 선택자
    :focus
    백준 #코딩테스트 #1074번 #재귀 #알고리즘 # 알고리즘 문제풀이
    오블완
    inline-block
    :hover
    자바스크립트 #하노이 탑 #재귀 #백준 # 11729
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
뜐🐸
[HTML 기초] 이미지 요소 - <img>
상단으로

티스토리툴바