반응형
Q1
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>quiz-1</title>
<link rel="stylesheet" href="./css/quiz-4.css" />
</head>
<h1>이미지 삽입하기</h1>
<img src="./imgs/umbrella.jpg" alt="img fail">
</h1>
<body></body>
</html>
Q2
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>quiz-2</title>
</head>
<body>
<h1>포털 사이트로 이동하기</h1>
<img src="./imgs/img.png" alt="네이버" />
</body>
</html>
Q3
NAVER 버튼 클릭시 네이버로 이동
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>quiz-2</title>
</head>
<body>
<h1>포털 사이트로 이동하기</h1>
<a href="https://www.naver.com/">
<img src="./imgs/img.png" alt="네이버" />
</a>
</body>
</html>
반응형
'프로그래밍 공부 > HTML + CSS' 카테고리의 다른 글
HTML5 + CCS3 연습문제 2강 (0) | 2023.06.12 |
---|