| |||||
| HTML의 주요 태그 목록 | |||||
|---|---|---|---|---|---|
| 분류 | 관련 태그 | ||||
| 문서 기본 구조 | <html> | <head> | <body> | <main> | <footer> |
| 메타데이터 | <title> | <meta> | <base> | <link> | |
| 콘텐츠 구획 | <header> | <nav> | <section> | <article> | <aside> |
| 텍스트 콘텐츠 | <h1>-<h6> | <p> | <div> | <span> | <pre> |
| 텍스트 형식 | <b> / <strong> | <i> / <em> | <small> | <sub> / <sup> | <mark> |
| 수정 표시 | <ins> | <del> | <s> | <u> | |
| 목록 | <ul> | <ol> | <li> | <dl> | <dt> / <dd> |
| 표 | <table> | <thead> / <tbody> | <tr> | <th> | <td> |
| 멀티미디어 | <img> | <audio> | <video> | <canvas> | <svg> |
| 임베드 | <iframe> | <embed> | <object> | <param> | |
| 스크립트 | <script> | <noscript> | <template> | <slot> | |
| 양식 | <form> | <input> | <button> | <select> / <option> | <textarea> |
| 구분선 | <br> | <hr> | |||
이 태그는[편집 / 원본 편집]
HTML에서 사용되는 태그로, 문서를 연결(하이퍼 링크)하는 태그이다.
a는 닻을 의미하는 anchor의 앞글자를 따서 만들어졌다.
위키 문법에서 [[문서명]]에 해당하는 태그이다.[1]
사용법[편집 / 원본 편집]
기본적인 a 태그 형식은 다음과 같다.
<a href="https://www.gaonwiki.com">가온 위키</a>위의 a 태그를 실행해 보면
이런식으로 나올 것이다.
속성[편집 / 원본 편집]
a 태그의 속성은 href, target, title 속성이 있다.
href[편집 / 원본 편집]
연결할 문서(링크)의 위치를 설정하는 속성으로, 절대주소, 상대주소, class, id 연결이 가능하다.
href에 들어가는 링크 주소 앞뒤에 반드시 ""(큰따옴표)를 붙혀야 한다.
절대주소 예
<a href="https://www.gaonwiki.com">가온 위키</a>
상대주소 예
<a href="../index.html"></a>id 연결 예(index.html에 div 값의 id명이 id1이라 하면...)
<a href="index.html#id1"></a>title[편집 / 원본 편집]
마우스를 a 태그 위에 올려 놓을 경우 풍선창(?)이 뜨면서 입력한 내용이 뜨게 된다.
<a href="https://www.gaonwiki.com" title="클릭하면 가온 위키로 넘어가요">가온 위키</a>라고 입력 후 a 태그 위에 마우스를 올려 놓으면
클릭하면 가온 위키로 넘어가요
라는 내용이 뜨게 된다.
target[편집 / 원본 편집]
링크를 어떻게 열지 설정 할 수 있다.
target 속성에는
- _self - 기본값으로 현재 페이지에서 링크가 열린다.
- _blank - 새로운 탭(창)으로 링크가 열린다.
- _parent - 상위레벨(부모)에서 링크가 열린다. 만약 상위레벨이 없는 경우, _self처럼 열린다.
- _top - 가장 상위 창에서 링크가 열린다. 만약 상위레벨이 없는 경우, _self처럼 열린다.
- 프레임명 - 지정한 프레임 안에서 링크가 열린다.
가 있다.
이중에서 _self 와 _blank 값을 많이 사용한다.
_self[편집 / 원본 편집]
_self → 현재 페지에서 링크 열림
<a href="https://www.gaonwiki.com" target="_self">가온 위키</a>_blank[편집 / 원본 편집]
_blank → 새탭(창)에서 링크 열림
<a href="https://www.gaonwiki.com" target="_blank">가온 위키</a>그 외 알아두면 좋은점[편집 / 원본 편집]
원하는 문자(문장)을 설정하고 그 문자(문장)을 클릭하면 넘어가게 하려면 <a></a> 택 사이에 원하는 문자(문장)을 입력하면 된다.
<a href="https://www.gaonwiki.com">가온 위키</a>이렇게 입력하먄 가온 위키란 단어가 나오고, 가온 위키를 누르면 https://www.gaonwiki.com으로 연결된다.
각주[편집 / 원본 편집]
- ↑ 물론 위키에서는 문서로 연결, 문단으로 연결만 가능하지만, a 태그는 class에 연결할 수 있다.