HTML,CSS,Js - HTML 그룹 짓기.
2024. 7. 28. 22:17ㆍ---Learning (학습)---/HTML+CSS+자바스크립트
728x90
1. div 태그는 블록 요소와 인라인 요소를 그룹으로 묶을 때 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DIV</title>
</head>
<body>
<div class="Snack">
<p>과자 소개</p>
<p>과자를 소개하는 페이지입니다.</p>
</div>
<div class="Ice cream">
<p>아이스크림 소개</p>
<p>아이스크림을 소개하는 페이지입니다.</p>
</div>
</body>
</html>
<예시 사진>
div 태그를 사용할때나 사용하지않을때나 시각상으로 달라지는건 없지만 영역별로 코드안에서 그룹을 지으면 코드 가독성이 높아집니다.
2. span 태그는 인라인 요소를 그룹으로 묶을 때 사용합니다.
<p>과자 소개</p>
<p>이번 과자는<span>포카O</span>입니다.</p>
<예시 사진>
특정 텍스트만 스타일을 다르게 적용할려면 태그 내부에서 공간을 분할해야할 때 span 태그를 사용합니다.
728x90
'---Learning (학습)--- > HTML+CSS+자바스크립트' 카테고리의 다른 글
| HTML,CSS,Js - HTML 텍스트 강조. (0) | 2024.07.30 |
|---|---|
| HTML,CSS,Js - HTML 링크와 이미지 넣는 방법. (0) | 2024.07.30 |
| HTML,CSS,Js - HTML 목록 만들기. (0) | 2024.07.29 |
| HTML,CSS,Js - HTML 텍스트 작성. (0) | 2024.07.28 |
| HTML,CSS,Js - 첫 번째 HTML 문서 만들기. (0) | 2024.07.28 |