<!DOCTYPE html>
<html>
<head>
<title>::: 15_HTML_태그소개_블록태그사용하기 :::</title>
<style>
div.div_style{
background-color: black;
color: white;
padding: 20px;
margin: 25px;
}
/* div 태그중에 클래스 이름이 div_style인 영역 지정 */
/* 배경색 : 검정색, 텍스트 색상 : 흰색, 패딩 : 20, 외부여백 : 25 */
div.div_style2{
background-color: blue;
color: white;
padding: 20px;
margin: 25px;
}
</style>
</head>
<body>
<!-- 블록태그로 주로 사용하는 태그 : div
- 영역을 설정할 뿐 특별한 내부 텍스트 처리 기능은 없음
- 보통 레이어구성(화면구성)에 사용됨 -->
<div>
<h3>div 블록 태그</h3>
<p>
HTML 태그에서 의미를 가지지는 않으며, <br/>
영역을 표시하기 위해 주로 사용됨. <br/>
많이 사용되는 태그임.
</p>
</div>
<div class = "div_style">
<h3>div 블록 태그-1</h3>
<p>
HTML 태그에서 의미를 가지지는 않으며, <br/>
영역을 표시하기 위해 주로 사용됨. <br/>
많이 사용되는 태그임.
</p>
</div>
<div class = "div_style2">
<h3>div 블록 태그-1</h3>
<p>
HTML 태그에서 의미를 가지지는 않으며, <br/>
영역을 표시하기 위해 주로 사용됨. <br/>
많이 사용되는 태그임.
</p>
</div>
<div class = "div_style">
<h3>div 블록 태그-1</h3>
<p>
HTML 태그에서 의미를 가지지는 않으며, <br/>
영역을 표시하기 위해 주로 사용됨. <br/>
많이 사용되는 태그임.
</p>
</div>
<div class = "div_style2">
<h3>div 블록 태그-1</h3>
<p>
HTML 태그에서 의미를 가지지는 않으며, <br/>
영역을 표시하기 위해 주로 사용됨. <br/>
많이 사용되는 태그임.
</p>
</div>
</body>
</html>
'html' 카테고리의 다른 글
| 17. html 태그_내부프레임(iFrame) (0) | 2023.03.03 |
|---|---|
| 16. html 태그_레이아웃 설정하기 (0) | 2023.03.03 |
| 14. html 태그_목록 생성하기 (0) | 2023.03.03 |
| 13. html 태그_Table 정의하기 (0) | 2023.03.03 |
| 12. html 태그_a링크 스타일 적용 (0) | 2023.03.03 |
