728x90
안녕하세요
로로봉입니다 : )
오늘은 HTML 블록에 대해 알아보겠습니다.
HTML에서 블록을 만드는 태그에는 <div></div>와 <span></span>이 있습니다.
<div>태그는 다른 내용과 분리된 블록을 만들지만 <span>태그는 다른 내용과 연결된 블록을 만듭니다.
<body>
A
<div style="width:100px;height:30px;text-align:right;background-color:yellow">B</div>
C
<span style="background-color:blue">D</span>
E<br/>
</body>
B는 <div>태그로 만들었기 때문에 A와 분리되고 그 뒤에 C와도 분리된 영역을 만듭니다.
하지만 D는 <span>으로 만들었기 때문에 앞의 C와 뒤의 E와 연속된 영역을 만들게 됩니다.
블록은 주로 레이아웃 설정에 사용됩니다.
좋아요♥ + 구독 부탁드립니다 : )
728x90
반응형
'개발 정보 > 웹개발' 카테고리의 다른 글
| [웹개발] CSS 작성 방법 (0) | 2020.12.02 |
|---|---|
| [웹개발] HTML iframe 만들기 (0) | 2020.12.02 |
| [웹개발] HTML 폼 양식 만들기 (0) | 2020.12.01 |
| [웹개발] HTML 테이블 만들기 (0) | 2020.12.01 |
| [웹개발] HTML 페이지 이동, 이미지 출력, 리스트 출력 (0) | 2020.12.01 |
댓글