본문 바로가기
Programming/Website

[Website] HTML 태그 (2)

by goatlab 2023. 5. 25.
728x90
반응형
SMALL

하이퍼링크

 

하이퍼링크는 다른 문서로 이동하기 위해서 클릭할 수 있는 요소, 텍스트 또는 이미지이다.

 

  • <a> : 다른 페이지나 웹 사이트로 이동할 수 있는 링크 (anchor) 생성
  • href 속성을 사용하여 이동할 URL 지정
<!DOCTYPE html>
<html>
<head>
    <title>My First Webpage</title>
</head>
<body>
    <h1>Links</h1>
    <a href="https://google.com" target="_blank">Link to Google</a>
</body>
</html>

 

이미지

 

<img> 이미지를 삽입하는 태그
src 이미지 파일의 경로 지정
alt 이미지가 로드되지 않을 경우 대체 텍스트 제공
<!DOCTYPE html>
<html>
<head>
    <title>Webpage</title>
</head>
<body>
    <h1>이미지</h1>
    <img src="https://picsum.photos/200/300", alt="예제 이미지">
</body>
</html>

728x90
반응형
LIST

'Programming > Website' 카테고리의 다른 글

[Website] CSS (Cascading Style Sheets) (1)  (0) 2023.05.25
[Website] HTML 태그 (3)  (0) 2023.05.25
[Website] HTML 태그 (1)  (0) 2023.05.25
[Website] HTML (HyperText Markup Language)  (0) 2023.05.25
[Website] REST API  (0) 2023.02.13