[HTML+CSS] [이미지와 하이퍼링크] 04

개인공부/HTML5 + CSS3

[HTML+CSS] [이미지와 하이퍼링크] 04 - 연습문제

🍇박봉봉🍇 2020. 6. 15. 15:00

01

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>이미지 삽입하기</title>
</head>
<body>
    <h1>이미지 삽입하기</h1>
    <img src="images/umbrella.jpg" alt="umbrella" width="320" height="210">
</body>
</html>

02

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>포털 사이트 Daum으로 연결하기</title>
</head>
<body>
    <h1>포털 사이트 Daum으로 연결하기</h1>
    <a href="https://www.daum.net/"><img src="images/daum.jpg" width="200"></a>
</body>
</html>

03

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>포털 사이트 Daum으로 연결하기</title>
</head>
<body>
    <h1>포털 사이트 Daum으로 연결하기</h1>
    <a href="https://www.daum.net/" target="_blank"><img src="images/daum.jpg" width="200"></a>
</body>
</html>

< 참고 >

Do it! HTML5+CSS3 웹 표준의 정석

※ 해당 글은 습득 목적으로 작성된 글입니다 ※

저작자표시