html 공부

coh·2022년 6월 16일

📍img tag를 사용해서 넣어요!

속성으로 src에는 경로를 alt에는 사진에 대한 설명을 적습니다. 만약 사진 파일이 불러와지지 않을 때 쓰게 되는 거죠!

title로도 부연설명이 가능한데 이 때 MDN에서는 alt와 같은 내용을 적지 않도록 권장하고 있습니다!

height와 width로 사진의 크기 조절이 가능한데 이것도 요즘은 CSS로 조절한다고 해요!

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <img 
  src="../images/coding.png" 
  alt="코딩중인 노트북"
  title="프로그래밍"
  width="300"
  height="300"
  >
  <img src="../images/nathan-dumlao-zUNs99PGDg0-unsplash.jpg" 
  alt="coffee"
  height="300"
  >

</body>
</html>

coh

Written by coh

이전 포스트

html 공부

다음 포스트

html 공부

html 공부

html 공부 table

0개의 댓글