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>