Gaon12: /* href */ 특정 클래스로는 이동 안됨

2022-03-30T04:23:29Z

href: 특정 클래스로는 이동 안됨

← 이전 판		2022년 3월 30일 (수) 13:23 판
42번째 줄:		42번째 줄:
	</syntaxhighlight>		</syntaxhighlight>

	~~class,~~ id 연결 예(index.html에 div 값의 ~~클래스명이 class1이라~~ 하면...)		id 연결 예(index.html에 div 값의 id명이 id1이라 하면...)

	<syntaxhighlight lang="HTML">		<syntaxhighlight lang="HTML">
	<a href="index.html#~~class1~~"></a>		<a href="index.html#id1"></a>
	</syntaxhighlight>		</syntaxhighlight>

Gaon12: /* target */ 문단 나눔

2021-01-15T09:21:51Z

target: 문단 나눔

← 이전 판		2021년 1월 15일 (금) 18:21 판
75번째 줄:		75번째 줄:
	이중에서 _self 와 _blank 값을 많이 사용한다.		이중에서 _self 와 _blank 값을 많이 사용한다.

	~~사용 방법은 다음과 같다.~~		====_self====

	_self → 현재 페지에서 링크 열림		_self → 현재 페지에서 링크 열림
	<syntaxhighlight lang="HTML">		<syntaxhighlight lang="HTML">
82번째 줄:		81번째 줄:
	</syntaxhighlight>		</syntaxhighlight>

			====_blank====
	_blank → 새탭(창)에서 링크 열림		_blank → 새탭(창)에서 링크 열림
	<syntaxhighlight lang="HTML">		<syntaxhighlight lang="HTML">

Admin: 시작

2019-12-06T15:06:32Z

시작

새 문서

{{틀:html_태그}}<br/>

==이 태그는==
[[HTML]]에서 사용되는 태그로, 문서를 연결(하이퍼 링크)하는 태그이다.

a는 닻을 의미하는 anchor의 앞글자를 따서 만들어졌다.

위키 문법에서 <nowiki>[[문서명]]</nowiki>에 해당하는 태그이다.<ref>물론 위키에서는 문서로 연결, 문단으로 연결만 가능하지만, a 태그는 class에 연결할 수 있다.</ref>

==사용법==
기본적인 a 태그 형식은 다음과 같다.

<syntaxhighlight lang="HTML">
<a href="https://www.gaonwiki.com">가온 위키</a>
</syntaxhighlight>

위의 a 태그를 실행해 보면

[https://www.gaonwiki.com 가온 위키]

이런식으로 나올 것이다.

==속성==
a 태그의 속성은 '''href''', '''target''', '''title''' 속성이 있다.

===href===
연결할 문서(링크)의 위치를 설정하는 속성으로, 절대주소, 상대주소, class, id 연결이 가능하다.

href에 들어가는 링크 주소 앞뒤에 반드시 '''""(큰따옴표)'''를 붙혀야 한다.

절대주소 예

<syntaxhighlight lang="HTML">
<a href="https://www.gaonwiki.com">가온 위키</a>
</syntaxhighlight>

상대주소 예

<syntaxhighlight lang="HTML">
<a href="../index.html"></a>
</syntaxhighlight>

class, id 연결 예(index.html에 div 값의 클래스명이 class1이라 하면...)

<syntaxhighlight lang="HTML">
<a href="index.html#class1"></a>
</syntaxhighlight>

===title===
마우스를 a 태그 위에 올려 놓을 경우 풍선창(?)이 뜨면서 입력한 내용이 뜨게 된다.

<syntaxhighlight lang="HTML">
<a href="https://www.gaonwiki.com" title="클릭하면 가온 위키로 넘어가요">가온 위키</a>
</syntaxhighlight>

라고 입력 후 a 태그 위에 마우스를 올려 놓으면

클릭하면 가온 위키로 넘어가요

라는 내용이 뜨게 된다.

===target===
링크를 어떻게 열지 설정 할 수 있다.

target 속성에는
* _self - 기본값으로 현재 페이지에서 링크가 열린다.
* _blank - 새로운 탭(창)으로 링크가 열린다.
* _parent - 상위레벨(부모)에서 링크가 열린다. 만약 상위레벨이 없는 경우, _self처럼 열린다.
* _top - 가장 상위 창에서 링크가 열린다. 만약 상위레벨이 없는 경우, _self처럼 열린다.
* 프레임명 - 지정한 프레임 안에서 링크가 열린다.
가 있다.

이중에서 _self 와 _blank 값을 많이 사용한다.

사용 방법은 다음과 같다.

_self → 현재 페지에서 링크 열림
<syntaxhighlight lang="HTML">
<a href="https://www.gaonwiki.com" target="_self">가온 위키</a>
</syntaxhighlight>

_blank → 새탭(창)에서 링크 열림
<syntaxhighlight lang="HTML">
<a href="https://www.gaonwiki.com" target="_blank">가온 위키</a>
</syntaxhighlight>

===그 외 알아두면 좋은점===
원하는 문자(문장)을 설정하고 그 문자(문장)을 클릭하면 넘어가게 하려면 <a></a> 택 사이에 원하는 문자(문장)을 입력하면 된다.

<syntaxhighlight lang="HTML">
<a href="https://www.gaonwiki.com">가온 위키</a>
</syntaxhighlight>

이렇게 입력하먄 '''가온 위키'''란 단어가 나오고, 가온 위키를 누르면 [https://www.gaonwiki.com https://www.gaonwiki.com]으로 연결된다.
==각주==

HTML/태그/a - 편집 역사

Gaon12: /* href */ 특정 클래스로는 이동 안됨

Gaon12: /* target */ 문단 나눔

Admin: 시작