벌써 Day2 !! 오늘 해볼 것은
div/span/p 태그 구글링해보고 실습하기
1. <div>
: 여러개의 태그를 구역으로 묶거나 나눌 때 사용하는 태그 > div가 다르면 별도의 줄로 나눠진다.
2. <span>
: div와 같이 여러개의 태그를 구역으로 묶거나 나눌 때 사용하는 태그.
: div와의 차이점 )
1) 자동 줄 바꿈이 되지 않는다. 줄 바꿈을 위해서는 <br/>태그를 사용해야 한다.
2) 박스 형태로 영역이 설정되는 div와 달리 줄단위로 영역이 설정된다.
3. <p>
: 문단을 넣을 때 사용하는 태그
결과물
<!DOCTYPE html>
<html lang="en">
<head>
<title>나의 웹사이트</title>
</head>
<body>
<h1>오늘 배울 내용</h1>
<div>
<h3>1. p</h3>
<p>p는 문단을 넣을 때 사용하는 태그로, 굉장히 긴 텍스트를 넣을 수 있답니다~~ 엄청엄청나게 긴 텍스트도 가능해요</p>
</div>
<div>
<h3>2. div</h3>
<p>여러개의 태그를 구역으로 묶거나 나눌 때 사용하는 태그입니다. div가 다르면 별도의 줄로 나눠집니다.</p>
</div>
<span>
<h3>3. span</h3>
<p>여러개의 태그를 구역으로 묶거나 나눌 때 사용하는 태그입니다.</p>
</span>
<span>
<p>div와는 자동줄바꿈이 안된다는 것과 박스단위가 아닌 줄단위로 출력된다는 차이점이 있습니다.</p>
</span>
</body>
</html>
'WEB' 카테고리의 다른 글
[WEB] CSS 기본실습(2) (0) | 2022.02.26 |
---|---|
[WEB] CSS 기본실습 (0) | 2022.02.25 |
[WEB] HTML 기본실습(3) (0) | 2022.02.24 |
[WEB] HTML 기본 실습(2) (0) | 2022.02.23 |
[WEB] HTML 개념 알아보기 (0) | 2022.02.21 |