오늘 글에서는 HTML 태그에 대해서 확인을 하여 보도록 하겠습니다. 각 태그에서 대해서 설명을 하고 사용하는 예제를 보고 확인을 하여 보도록 하겠습니다.
<a>태그
Html 태그에서 자주 이용하는 태그중에 하나입니다. 다른 문서로 이동을 할 때 링크를 표시를 할 때 이용을 하는 태그입니다.
속성에는 href 가 있습니다. href는 링크의 이동 url를 지정을 할 수가 있습니다.
<예제>
<!DOCTYPE html> <htrrili>
<head>
<meta http-equiv="Content-Typew content=atext/html; charset= UTF-8" />
<title>네이버 이동 예제입니다.</titl e>
<link rel=MstylesheetH type="text/cssn href-ldefault,css" /> </head>
<body>
<section>
<h1>a태그<h1>
<p ><a href=“http://naver.com">네이버 </a></p>〈section〉
</body> </html>
<abbr>태그
해당 태그는 약어를 정의를 할 때 사용되는 태그입니다. 속성에는 title 이 있습니다. title : 약어를 설명하는 문구를 넣으시면 됩니다.
<예제>
<!DOCTYPE html> <html>
<head>
<meta http-eq u i v="Content-Type" content="text/html; charset= UTF-8" />
<title>abbr공부 </title>
<link rel="stylesheet" type="text/css" href="default,css" /> </head>
<body>
<section>
<h1>abbr 태그 </h1〉
<p><abbr title="HyperText Markup Language”〉HTML〈/abbr〉</p
〈/section〉 </body> </html>
<address > 태그
address 태그는 atricle,body 태그내에서 이용이 됩니다. 연락처 정보와 같은 내용을 제공을 합니다. 그럼 예제를 통해서 확인을 하여 보도록 하겠습니다.
<예제>
<!DOCTYPE html> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset= UTF-8" />
<title>address 공부 </title>
<link rel="stylesheet" type="text/css" href=default,css" /> </head>
<body> <section> 〈section〉
<footer>
〈address〉Copyright © 2022 Korea news co. All Rights Reserved </address>
〈/footer〉 </body></html>