<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- HTML 요소 내에서 텍스트로 취급되는 요소 -->
<!-- 텍스트 사이에서 텍스트로 취급되는 요소 -->
<!-- a 요소 -->
<!-- HTML 내에서 하이퍼텍스트(링크)를 생성할 때 사용하는 요소 -->
<a href="https://naver.com">네이버</a>
<!-- href 속성은 필수값은 아님 -->
<!-- 활성화 상태 / 비활성화 상태 -->
<a></a>
<!-- a 요소 내에는 다른 a 요소를 삽입할 수 없음 -->
<!-- 인터렉티브 콘텐츠 내에는 다른 인터렉티브 콘텐츠를 넣어서는 안됨 -->
<div>
<a href="https://google.com">
<h1>Google</h1>
<!-- <button type="button">URL</button> -->
</a>
<button type="button">URL</button>
</div>
<!-- a 요소 hash link-->
<nav>
<a href="#html-em">HTML em 요소</a>
<a href="#html-strong">HTML strong 요소</a>
</nav>
<h2 id="html-em">HTML EM 요소</h2>
<h2 id="html-strong">HTML STRONG 요소</h2>
<!-- em 요소, strong 요소 -->
<!-- 강조를 표현 -->
<!-- strong은 조금 더 강한 강조: warning, attention -->
<!-- em은 보편적인 강조 -->
<p>
<strong>주의하세요!</strong>
<em>감자</em>는 맛있습니다
</p>
<!-- q, cite 요소 -->
<!-- q 요소, 인용구를 나타내는 요소 -->
<!-- cite 요소, 실체가 있는 물건이나 사이트 등을 인용해올 때 -->
<p><q>HTML is awesome</q> is on the <cite>Smashing magazine</cite></p>
<!-- dfn, abbr 요소 -->
<!-- dfn 요소는 해당 페이지에서 최초로 정의된 용어를 나타낼 때 사용하는 요소 -->
<!-- abbr 요소는 약어를 나타내는 요소 -->
<p>
<dfn><abbr title="Web Hypertext Application">WHATWG</abbr></dfn
>는 웹 표준화 기구입니다
</p>
<!-- code 요소 -->
<!-- HTML 문서 내에서 코드를 나타낼 때 사용하는 요소 -->
<p>
HTML의 DOCTYPE에는 <code><!DOCTYPE html></code> 같은 것들이 있다
</p>
<!-- span 요소 -->
<!-- 별다른 의미는 없지만, 여러개의 텍스트를 감싸야할 때 사용하는 요소 -->
<!-- div처럼 최후의 수단으로 활용 -->
<span>텍스트</span>
<!-- br 요소, wbr 요소 -->
<!-- break -->
<!-- HTML 문서 내에서 줄바꿈을 일으킬 때 사용 -->
<!-- wbr 요소는 한 줄로 표현할 수 없을 때에만 줄바꿈이 발생 -->
<p>
안녕하세요, <br />
유석현입니다.
</p>
<p>
안녕하세요, <wbr />
유석현입니다.
</p>
</body>
</html>
Backend Engineer