[HTML] 링크(link <a>)

728x90

1. 링크

<a>

- 텍스트나 이미지 등을 통해 다른 페이지로 정보 연결

- 인라인 요소(인라인 요소와 텍스트를 포함)

- 주요 속성

href : 링크의 주소 지정

title : 링크의 설명 표시

target : 링크된 문서를 어떤 창에서 오픈할 것인지 지정

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a</title>
</head>
<body>

	<h1>a tag</h1>
	
	<a href="https://www.naver.com">naver</a><br>
	
	<a href="#a">1번</a>
	<a href="#b">2번</a>
	<a href="#c">3번</a>
	<br>
	
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<p id="a">1번</p>
	
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<p id="b">2번</p>
	
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<p id="c">3번</p>
	
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>

</body>
</html>

naver를 누르면 실제 네이버로 넘어가고 1번, 2번, 3번은 누르면 해당 페이지 아래로 이동합니다!

728x90

'Web > HTML' 카테고리의 다른 글

[HTML] 테이블(table) (0)	2021.12.03
[HTML] 리스트(list) (0)	2021.12.02
[HTML] 텍스트(text), 이미지(img) (0)	2021.11.30
[HTML] 구분선(hr), 인용문(quotation) (0)	2021.11.29
[HTML] 제목, 단락, 주소 (0)	2021.11.28

1. 링크

'Web > HTML' 카테고리의 다른 글

티스토리툴바