HTML 인라인 레벨 / 블록 레벨

Eddie·2025년 3월 13일

HTML 기초

목록 보기
1/4
post-thumbnail

블록 레벨(block-level)

  • 블록레벨은 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소입니다.
    이 한 줄을 차지한다는 의미는 너비가 100%라는 것을 뜻합니다._

인라인 레벨(inline-level)

  • 반대로 인라인 레벨줄을 차지하지 않는 요소입니다. 브라우저같은 화면에 표시되는 컨텐츠만큼 영역을 차지하고 나머지 공간에는 다른 요소를 불러올 수 있습니다.

줄 바꿈 Tag

<!DOCTYPE html>

<!--페이지의 주 언어가 한국어-->
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>줄바꿈 / 공백</title>
</head>
<body>
    <h1>제목 태그</h1>
    <!--<br> 태그는 줄바꿈-->
    <p>문단을 <br><br> 표시하는 태그</p>
</body>
</html>

공백 Tag

<!DOCTYPE html>

<!--페이지의 주 언어가 한국어-->
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>줄바꿈 / 공백</title>
</head>
<body>
    <h1>제목 태그</h1>
    <p>space는 문단의 공백을 한번만 사용가능함. 그럴때 -> &nbsp; 태그 쓰면됌</p>
</body>
</html>
profile
기초부터 차근차근 달려볼까요 :)

0개의 댓글