https://youtu.be/Gy_T_fcnQYA?list=PLlaP-jSd-nK-ponbKDjrSn3BQG9MgHSKv
chatGTP
HTML 태그는 대체로 두 가지 유형으로 나눌 수 있습니다: 인라인(Inline) 요소와 블록(Block) 요소입니다.
인라인 요소는 한 줄에 나란히 표시되며, 너비와 높이가 적용되지 않습니다. 블록 요소는 새로운 줄에서 시작하고, 너비와 높이가 적용됩니다.
인라인 요소:
1. `<span>`
2. `<a>`
3. `<strong>`
4. `<em>`
5. `<img>`
6. `<input>`
7. `<label>`
8. `<button>`
블록 요소:
1. `<div>`
2. `<p>`
3. `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`
4. `<ul>`, `<ol>`, `<li>`
5. `<table>`, `<tr>`, `<td>`, `<th>`
6. `<form>`
7. `<section>`, `<article>`, `<nav>`
8. `<header>`, `<footer>`
9. `<blockquote>`
상기한 태그는 대표적인 인라인 요소와 블록 요소이며, 더 많은 HTML 태그들이 존재합니다. 각 태그의 특성에 따라 인라인 또는 블록으로 분류됩니다.
메모
블록요소는 각 요소가 자기를 포함한 가로 한 줄을 다 차지하기 때문에, 새로 생성시키면 아래로 블록처럼 쌓인다.
'frontend > HTML' 카테고리의 다른 글
| fieldset로 묶기와 section으로 묶기 차이 (0) | 2023.07.24 |
|---|---|
| 드롭다운 코드에 대해 간단히 설명해. (0) | 2023.07.24 |
| 언제 class를 쓰고 언제 id를 쓰는지 (0) | 2023.07.23 |
| div는 큰 덩어리, section은 보다 구체적이고 분명한 덩어리 (0) | 2023.07.23 |
| 컨테이너을 만드는 html 태그의 종류들 (0) | 2023.07.22 |
| position 속성 (0) | 2023.07.21 |
| section 태그가 추가된 이유 (0) | 2023.07.21 |
| html, img, 절대경로/상대경로 (0) | 2023.07.21 |