[HTML] 이미지 태그

2023. 2. 5. 06:41·HTML & CSS
728x90
728x90

이미지 삽입

<img src = "경로/파일명.jpg" [속성 = "값"]>

  - 속성

      1) alt = "대체 텍스트"

          · 이미지를 표시할 수 없는 상황일 때 표시되는 대체 텍스트

      2) width = "너비px"

      3) height = "높이px"

 

 


이미지 설명글 삽입

<figure>
    <!-- img 태그 위치 1 -->
    <figcaption> 설명글 </figcaption>
    <!-- img 태그 위치 2 -->
</figure>

  - <figcaption> 태그가 <img> 태그의 위 or 아래에 입력된 것에 따라 이미지의 위 or 아래에 설명글이 표시됨

 

320x100
반응형
저작자표시 (새창열림)

'HTML & CSS' 카테고리의 다른 글

[HTML] 폼 태그  (0) 2023.02.05
[HTML] 멀티미디어 태그  (0) 2023.02.05
[HTML] 링크 태그  (0) 2023.02.05
[HTML] 표 태그  (1) 2023.02.05
[HTML] 목록 태그  (0) 2023.02.05
'HTML & CSS' 카테고리의 다른 글
  • [HTML] 폼 태그
  • [HTML] 멀티미디어 태그
  • [HTML] 링크 태그
  • [HTML] 표 태그
스응
스응
    반응형
    250x250
  • 스응
    이서영의 개발 블로그
    스응
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 분류 전체보기 (383)
      • Java (134)
        • Base (54)
        • Spring Boot (37)
        • JSP (16)
        • Swing (GUI) (20)
        • Design Pattern (7)
      • C# (13)
      • PHP (18)
      • SQL (27)
      • Vue.js (10)
      • Tailwind CSS (4)
      • TypeScript (7)
      • HTML & CSS (27)
      • JavaScript (26)
      • jQuery (10)
      • Android (3)
      • - - - - - - - - - - - - - - (0)
      • Hotkeys (5)
      • CS (30)
      • etc. (13)
      • Error Note (14)
      • Team Project (24)
        • Airlines Web Project (12)
        • University Web Project (6)
        • Strikers 1945 GUI Project (6)
      • My Project (18)
        • Library Web Project (8)
        • Pet Shopping Mall GUI Project (10)
  • 블로그 메뉴

    • Home
    • Write
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    개발일지
    php
    js
    HTML
    http
    git
    SEO
    typeScript
    Android
    errorNote
    Swing
    zapier
    CSS
    jQuery
    SQL
    cs
    면접
    Hotkeys
    SpringBoot
    오블완
    jsp
    티스토리챌린지
    java
    Wordpress
    C#
    Codeigniter
    vuejs
    tailwindcss
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
스응
[HTML] 이미지 태그
상단으로

티스토리툴바