[HTML] 공간 분할 태그

Notice

Recent Posts

Archives

관리 메뉴

09009

Front-End/HTML

09009

공간을 분할하는 이유: CSS로 원하는 레이아웃을 구성하기 위함

• div : 공간을 블록 형식으로 분할

✍ 입력

</head>
<body>
    <div> hello </div>
    <div> hello </div>
    <div> hello </div>
    <div> hello </div>
    <div> hello </div>
</body>

💻 출력

공간을 분할할 때 div 태그를 사용하면 각 태그가 한 행을 모두 차지한다. 이를 블록 형식이라 한다.

• span : 공간을 인라인 형식으로 분할

✍ 입력

<body>
    <span>hello</span>
    <span>hello</span>
    <span>hello</span>
    <span>hello</span>
    <span>hello</span>
</body>

💻 출력

공간을 분할할 때 span 태그를 사용하면 각 태그는 자신의 글자 크기만큼 영역을 차지하게 된다.

왼쪽에서 오른쪽으로 쌓이는데 이를 인라인 형식이라 한다.

- 블록 형식 태그와 인라인 형식 태그 종류

[HTML] Bootstrap을 이용하여 게시판 레이아웃 잡기 (0)	2023.05.09
[HTML] 시맨틱 태그 (0)	2023.04.08
[HTML] 입력 양식 태그 (0)	2023.03.29
[HTML] 테이블 태그 (0)	2023.03.29
[HTML] 글자, 목록 태그 (0)	2023.03.28

'Front-End/HTML' Related Articles

Comments