반응형
5강 img 태그 사용법
4강. br 태그 사용법3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태
soo0100.tistory.com
div 태그는 웹 페이지의 내용들의 구역을 나누는 역할을 한다.
그렇기에 div 태그 자체의 시각적인 기능은 없다.
div 태그는 <div> 열림태그 </div> 닫힘태그로 구성되어있다.
HTML을 처음 접하고 HTML태그만 사용할때는 div 태그를 굳이 왜 써야 하는지 모를 수 있다. 당연히 시각적으로 나타나는 것이 없으니.
CSS와 접목이 되면 특정 구역에만 CSS를 활용한 스타일을 적용할거나 JS(자바스크립트) 로 특정 구역을 컨트롤 할때도
유용하게 사용될 수 있다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>div 태그</title>
</head>
<body>
<div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
</body>
</html>
예제에서는
두개의 div 태그 안에 p태그를 사용한 두개의 문단이 들어가 있다.
브라우저에서 보여지는 시각적인 효과는 없지만, 두개의 섹션 즉 영역이 구분되어졌다.
반응형
'앱 만들기 > HTML5 study' 카테고리의 다른 글
| 10-1강. 하이퍼링크 두개 페이지 이동하기 (2) | 2024.07.04 |
|---|---|
| 10강. 하이퍼링크 만들기 (2) | 2024.07.03 |
| 5강 img 태그 사용법 (1) | 2024.06.23 |
| 4강. br 태그 사용법 (2) | 2024.06.21 |
| 3강. P 태그 사용법 (1) | 2024.06.20 |
댓글