[HTML] Anchor, Hyperlink
웹/HTML2018. 7. 24. 13:43
HTML Anchor, Hyperlink
<!DOCTYPE html> <html lang="ko-KR"> <head> <meta charset="UTF-8"> <title> Anchor, Hyperlink </title> </head> <body> <h2>Anchor</h2> <p>웹 페이지를 다른 페이지로 전환하는 것이 아니라 현재 페이지의 다른 부분으로 이동할 때 사용한다.<br> 간단한 예로 각주<sup><a href="#footnote-1" id="footnote-o-1" title="각주 : 논문 따위의 글을 쓸 때, 본문의 어떤 부분의 뜻을 보충하거나 풀이한 글을 본문의 아래쪽에 따로 단 것.">[1]</a></sup>로 사용이된다. </p> <h2>Hyperlink</h2> <p>해당 웹 페이지가 아니라 다른 웹 페이지로 이동할 때 사용한다.</p> <a href="https://www.naver.com/"> <img src="naver.png" alt="네이버 로고"> 네이버</a> <h2>sup</h2> <p> 윗 첨자로서 super subscript의 약자이다.<br> 글자의 오른쪽 위에 있는 작은 글자들이 이 태그를 사용했다고 생각하면 된다.<br> 많이 사용되는 예로서는 각주와 약어가 있다.<br> </p> <h2>sub</h2> <p> 아래 첨자로서 subscript의 약자이다.<br> 글자의 오른쪽 아래에 있는 작은 글자들이 이 태그를사용했다고 생각하면 된다.<br> 많이 사용되는 예로서는 화학식이 있다.<br> H<sub>2</sub>O </p> <hr> <p> <a href="#footnote-o-1" id="footnote-1">[1]</a> 각주 : 논문 따위의 글을 쓸 때, 본문의 어떤 부분의 뜻을 보충하거나 풀이한 글을 본문의 아래쪽에 따로 단 것. </p> </body> </html>
Anchor, Hyperlink 를 설명하면서 sup를 사용한 김에 설명과 sub도 추가적으로 작성하였습니다.
Anchor 웹 페이지를 다른 페이지로 전환하는 것이 아니라 현재 페이지의 다른 부분으로 이동할 때 사용합니다.
Hyperlink 해당 웹 페이지가 아니라 다른 웹 페이지로 이동할 때 사용합니다.
보통 이미지 클릭하는 사람도 있고 글자를 클릭하는 사람도 있습니다. 따라서 둘 다 만족시키려면 a 태그 안에 img도 포함해야합니다.sup(super subscript) 가끔 문서나 전공 서적을 보면 글자의 오른쪽 위에 작은 글자들이 있는 경우가 있습니다. 그런 것을 표현하기 위해 사용하는 태그입니다. ex) 각주
sub(subscript) 책을 보면 글자 오른쪽 아래 작은 글자들이 있는 경우가 있습니다. 그런 것을 표현하기 위해 사용하는 태그입니다.
ex) 화학식
다음 시간
HTML 설명 목록 dl dt dd
'웹 > HTML' 카테고리의 다른 글
| [HTML] Quotation (0) | 2018.08.02 |
|---|---|
| [HTML] dl dt dd (0) | 2018.08.02 |
| [HTML] HTML 순차, 비순차 목록 (0) | 2018.07.23 |
| [HTML] HTML 제목, 단락, 이미지 (0) | 2018.07.23 |
| [HTML] HTML 기본 문법 (0) | 2018.07.23 |
댓글()
