HTML에 해당하는 글 1

a , abbr , address 태그

HTML|2022. 3. 16. 12:40
반응형

 

오늘 글에서는  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 Re­served </address>
〈/footer〉 </body></html>

 

반응형

댓글()