728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<h2>글자에 링크 걸기</h2>
<h3><a href='page1.html'>게코 도마뱀</a></h3>
<h3><a href='page2.html'>크라운 피시</a></h3>
<h2>이미지에 링크 걸기</h2>
<a href='page1.html'><img src='img/lizard.jpg' width='100'></a>
<a href='page2.html'><img src='img/fish.jpg' width='100'></a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<h3>게코 도마뱀</h3>
<img src='img/lizard.jpg'>
<img src='img/lizard.jpg' width='200' height='200'>
<img src='img/lizard.jpg' width='150'>
<h4><a href='main.html'>← 메인으로 이동</a></h4>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<h3>크라운 피시</h3>
<img src='img/fish.jpg' title='영화 니모의 주인공'>
<h4><a href='main.html'>← 메인으로 이동</a></h4>
</body>
</html>
728x90
반응형
'study > Html' 카테고리의 다른 글
[Html] 4. 테이블과 폼양식 (테이블 삽입하기 : <table>, <tr>, <td>, <th>) (0) | 2022.04.04 |
---|---|
[Html] 3. 멀티미디어와 링크 (새로운 탭으로 링크 걸기 : <target='_blank' >) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (비디오 삽입하기 : <video>) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (오디오 삽입하기 : <audio>) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (title 속성 : <title>) (0) | 2022.04.04 |