1. 컨테이너 태그
• 콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 단지 다른 요소 여럿을 묶어 관리하기
편하게 만드는 역할을 하는 태그를 '컨테이너'라고 한다
• 콘텐츠 내용을 구분하거나, 공통적인 스타일을 적용하고자 할 때 개발자는 컨테이너를
사용하는 것이 좋다
• 다음 두가지 태그가 컨테이너 역할을 담당하는 태그들이다
→ <div></div> : 블록 레벨 컨테이너
→ <span></span> : 인라인 컨테이너
2. 전역 속성
• 전역 속성은 모든 HTML 태그에서 공통으로 사용할 수 있는 속성이다
• 속성이란 태그의 부가적인 기능을 정의하는 것으로, 선택사항이다
속성을 추가하는 방법) <태그명 속성명="속성값" 속성명="속성값">콘텐츠</태그명>
• 대표적인 전역 속성들
1) id : 요소에 고유한 이름을 부여하는 식별자 역할 속성
2) class : 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성
3) style : 요소에 적용할 CSS 스타일을 선언하는 속성
4) title : 요소의 추가 정보를 제공하는 텍스트 속성 (사용자에게 툴팁 제공)
3. 실습
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>영역을 구분해보자</title>
</head>
<body>
<h1>일단 문서를 만들자</h1>
<hr>
<div id="study">
<h2 class="title"><span>공부</span> 다짐하기</h2>
<img src="images/fighting.jpg" alt="화이팅" width="500" title="화이팅"/>
<p>취업준비 화이팅입니다</p>
</div>
<hr>
<div id="workdout">
<h2 class="title"><span>운동</span> 열심히 하기</h2>
<p>건강을 위해 운동을 열심히 하자!</p>
</div>
</body>
</html>
블로그 이전했습니다 -> https://young-code.tistory.com