Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- p태그
- 태그
- 엘카데미후기
- html
- 자바스크립트
- 속성
- 혼자_공부하는_머신러닝+딥러닝
- border
- 엘리스출석챌린지
- ML
- 엘카데미이벤트
- 딥러닝
- Block
- javascript
- Margin
- 혼공
- 혼공머신
- CSS
- 선택자
- 인공지능
- 머신러닝
- 무료코딩
- 엘카데미
- 혼공학습단
- 엘리스코딩
- js
- 엘리스아카데미
- 엘리스
- 코딩이벤트
- A태그
Archives
- Today
- Total
jinseon's log
[HTML] 태그의 두 가지 성격 본문
✔ Block 요소
<!-- Block 요소 -->
<p>Hello Elice</p>
<p>Hello Elice</p>
<p>Hello Elice</p>
- 특정 공간을 점유
- y축 정렬 형태로 출력 (줄바꿈 현상)
- 공간을 만들 수 있고, 상하 배치 작업 가능
✔ Inline 요소
<!-- Inline 요소 -->
<a>Bye Elice</a>
<a>Bye Elice</a>
<a>Bye Elice</a>
- x축 정렬 형태로 출력 (한 줄에 출력)
- 공간을 만들 수 없고, 상하 배치 작업 불가능
'HTML & CSS > HTML' 카테고리의 다른 글
[HTML] 구조를 잡을 때 사용하는 태그 (0) | 2022.11.22 |
---|---|
[HTML] 기본 태그 (0) | 2022.11.22 |
Comments