Programming/html5 & css3
Html5_3/ 글자 태그(2) - a태그(앵커태그), 루비문자
mungee
2019. 8. 17. 07:33
<a>앵커태그 - 서로 다른 웹페이지를 이동하거나 웹페이지 내부에서 특정한 위치로 이동할 때 사용.
a태그만 사용한다고 웹페이지가 자동으로 원하는 웹페이지로 이동하진 않고, href 속성을 사용하여
이동하고자 하는 웹페이지를 지정.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<a href="http://www.naver.com">글자</a>
<b></b> - 굵은 글자 태그
<i></i> - 기울어진 글자 태그
<ins></ins> - 밑줄 글자 태그
*빈 링크 : a태그는 하이퍼링크 기능을 제거하고 사용하는 경우도 있는데, 이 떄도 href 속성을 반드시 입력해야 한다.
웹 표준을 지키면서 이동하지 않는 태그를 만들 때는 속성값에 #입력. <a href="#">(빈 링크)
루비문자 - 일본어에서 자주 사용되는 글자 형식. 한자 위에 표시되는 작은 글자.
<ruby>
<span>大韓民國</span>
<rt>대한민국</rt> - 위에 위치하는 작은 문자태그
</ruby>
</body>
</html>
*파이어폭스같이 루비 태그를 지원하지 않는 웹브라우저에선 rp태그가 추가적으로 쓰인다.
<ruby>
<span>大韓民國</span>
<rp>(</rp>
<rt>대한민국</rt>
<rp>)</rp>
</ruby>