: ) Web/웹 스터디

HTML 기초 - 특정 글자 클릭 시 링크로 이동하기

miiinn 2023. 11. 8. 13:16

[핵심코드]

<p>¡Mucho gusto! 
    <a href="https://naver.com">이동하기</a>
</p>

*이동하기 글자 클릭 시 링크로 이동

 

[전체코드]

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h3>¡Hola!</h3>
    <p>¡Mucho gusto! 
        <a href="https://naver.com">이동하기</a>
    </p>
    <button>버튼</button>
    <ol>
        <li>항목1</li>
        <li>항목2</li>
    </ol>

    <a href="https://google.com">
        <img src="burano.jpg">
    </a>

</body>
</html>
</html>

 

[결과 화면]

*'이동하기' 클릭 시 네이버로 이동함

저작자표시 (새창열림)