728x90
반응형
<!DOCTYPE html>
<!--주석-->
<!--'DOCTYPE html' : 해당 문서가 HTML 문서이며, HTML 최신 버전(5)의 표준을따른다는 선언 문서의 가장 위에 적는다-->
<!-- 태그(Tag) : HTML 문서의 구조를 이루는 단위.
    - 여는 태그(Opening Tag) : 작성하는 태그의 시작. <태그 이름> 형식으로 사용. 가령 <a>, <img>
    - 닫는 태그(Closing Tag) : 작성한 태그의 끝. 반드시 연느 태그보다 뒤에 나와야하며 쌍이 뙤는 연느 태그가 있어야 한다. </태그 이름> 형식으로 사용. 가령 </a>, </b> 등.
    - 열고 닫음 : <a>  A 태그의 내용   </a>
    - 자동으로 닫히는 태그(Self-Closing Tag) : 닫는 태그가 없는 태그. <input>, <img> 등이 있다. 즉, </input> 이나 </img> 형식은 사용하지 않음.
-->
<html lang="ko">
    <!-- HTML 태그 : HTML 문서의 모든 내용을 담을 태그 -->
    <head>
        <!-- HEAD 태그 : 문서의 표시되지 않지만 문서의 제목, 내용, CSS 내용, Javascript 내용 등을 포함하고 있다.-->
        <!-- HEAD 태그는 HTML 태그의 자식이며 HTML 태그는 HEAD 태그의 부모이다.-->
        <title>a 태그</title>
        <!-- TITLE 태그 : 문서의 제목 -->
        <!-- TITLE 태그의 무보는 HEAD 태크이고, 선조는 HTML 태그이다. 반대로, TITLE 태그는 HTML 태그의 후손이다. -->

        <!--             ↓ 속성 값 (Value)-->
        <meta charset="UTF-8">
        <!--  ↑ 속성(Attribute)-->
        <!-- META 태그 : 문서의 인코딩이나 정보를 포함하는 태그. Self-Closing 태그임.-->
        <!-- 속성(Attribute) : 태그의 속성을 부여한다. 반드시 여는 태그에만 존재할 수 있음.-->
    </head>
    <body>
        <!-- BODY 태그 : 문서에 표시될 본 내용 전체를 포함한다.-->
        <!-- BODY 태그는 HTML 태그의 자식이며 HTML 태그는 BODY 태그의 부모이고, BODY 태그는 HEAD 태그의 형제이다.-->
        <a href="https://www.naver.com" target="_blank">Hello?</a>
        <a href="https://www.google.com" target="_blank">google?</a>
        <a href="https://www.daum.net/" target="_blank">daum?</a>
       
        <!-- A 태그 : (Anchor), (단순 텍스트나) 링크를 걸기 위해 사용한다.5/5 ❤❤❤❤❤-->
        <!-- href 속성 : 이동하고자 하는 페이지의 주소 -->
        <!-- target 속성 :
                _self : 현재 탭에서 이동
                _hlank : 새 탭에서 이동    
            -->
    </body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

container 태그  (0) 2022.12.18
br 태그  (0) 2022.12.18
b 태그  (0) 2022.12.18
개발자 포트폴리오  (3) 2022.12.14
간단한 숫자게임 만들기..  (1) 2022.12.14

+ Recent posts

">