210525 UIUX WebDesign HTML 연습_15

14027 단어 htmlhtml
<!DOCTYPE html>
<html lang="en">
<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>하이퍼링크 태그 연습</title>
</head>
<body>
    <h1>하이퍼링크</h1>
    <p>a 태그는 현재 웹 페이지에서 다른 웹 페이지로 하이퍼링크를 하거나 <br>
    현재 웹 페이지 내의 특정 부분 이동 시에 사용한다.
    </p>
    <ul>
        <li>현재 페이지로 링크 : <a href="https://www.naver.com" title="네이버 바로가기">NAVER</a></li>
        <li>새 창으로 링크 : <a href="https://www.naver.com" target="_blank" title="새 창으로 네이버 바로가기">NAVER</a></li>
    </ul>
    <hr>
    <h2>텍스트 링크</h2>
    <ul>
        <li><a href="./서시.html">서시</a></li>
        <li><a href="./우엉조림.html">우엉조림</a></li>
    </ul>

    <hr>

    <h2>이미지 링크</h2>
    <ul>
        <li><a href="https://www.naver.com"><img src="./HyperLinkImages/naver.gif" alt="네이버 바로가기"></a></li>
        <li><a href="https://www.daum.net"><img src="./HyperLinkImages/daum.png" alt="다음 바로가기"></a></li>
        <li><a href="https://www.google.com"><img src="./HyperLinkImages/google.png" alt="구글 바로가기"></a></li>
    </ul>
</body>
</html>

좋은 웹페이지 즐겨찾기