콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그 = 컨테이너
보통은
<div></div>
:블럭 레벨 컨테이너
<span></span>
:인라인 컨테이너
대표적인 전역 속성들
id:고유한 이름을 부여하는 역할 속성
class:그룹 별로 묶을 수 있는 역할 속성
style:css스타일을 선언하는 속성
title:추가정보를 제공하는 속성
실습
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>유노코딩</title>
</head>
<body>
<h1 class="title">대충 <span>내용</span>이 적힌 제목</h1>
<p>여기도 내용</p>
<hr>
<div>
<h1 class="title">2번째 <span>내용</span>의 제목</h1>
<p>여기도 내용</p>
</div><hr>
</body>
</html>
a 태그 요소는 href 속성을 통해 다른 페이지, 전화번호, 이메일 주소등 다른 url로 연결할 수 있는 링크를 만든다.
인라인 요소이다.
target 속성을 이용하면 현재 탭 또는 새로운 탭에서 여는것을 결정할 수 있다.
href는 메일을 보내거나 전화거는 특정 행동을 지정할 수 있다.
실습
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>유노코딩</title>
</head>
<body>
<a href="https://velog.io/" target="-self">
링크 접속!!</a>
<br>
</body>
</html>