프론트엔드/HTML

04. 이미지

짱구를왜말려? 2020. 9. 1. 17:44
반응형
SMALL

# What? 이게 뭔데?

img 태그 : 이미지를 넣고 싶을 때 사용

 

# How? 어떻게 쓰는데?

<img src="이미지 경로" alt="이미지 설명" />

 

# Practice 연습

<!DOCTYPE html> <!-- 이 문서가 HTML5 문서라는 뜻 -->
<html lang="ko"> <!-- 웹 문서의 시작 --> 
<head> <!-- 웹 문서에 대한 정보를 담는 태그 -->
    <meta charset="UTF-8"> <!-- 문자 인코딩을 UTF-8로 하라는 뜻 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 초기엔 1배율로 페이지를 보여주라는 뜻 -->
    <title>Document</title> <!-- 문서 제목 -->
    <link rel="stylesheet" href="./style.css"> <!-- css를 연결하는 태그 -->
    <script src="./common.js"></script> <!-- js를 연결하는 태그 -->
</head>
<body>
    <img src="https://in-diary.s3.amazonaws.com/141/euvuFmjoOJnTQB7R.png" alt="와플사진">
</body>
</html>

 

* 코드참고 : https://github.com/ShinHyungJune/publishing-course/tree/html-04-img

LIST