📖 용어사전

📄 HTML <table>

table

행과 열로 구성된 표 데이터를 나타내는 요소

📄 HTML <thead>

thead

표의 제목 행 영역을 묶는 요소

📄 HTML <tbody>

tbody

표의 실제 데이터 행 영역을 묶는 요소

📄 HTML <tr>

tr

표의 한 행을 나타내는 요소

📄 HTML <th>

th

표의 제목 셀을 나타내는 요소

📄 HTML <td>

td

표의 일반 데이터 셀을 나타내는 요소

📄 HTML <form>

form

로그인·회원가입처럼 입력값을 전송하는 영역

📄 HTML <input>

input

텍스트·비밀번호·체크박스 등 입력 필드를 만드는 요소

📄 HTML <label>

label

입력 필드가 무엇인지 설명하는 텍스트 요소

📄 HTML <button>

button

사용자가 클릭해 동작을 실행하는 버튼 요소

📄 HTML <select>

select

여러 선택지 중 하나를 고르는 드롭다운 요소

📄 HTML <option>

option

select 안에 들어가는 개별 선택 항목

📄 HTML <textarea>

textarea

여러 줄 텍스트를 입력받는 요소

📄 HTML placeholder

placeholder

입력칸 안에 예시나 안내 문구를 보여주는 속성

📄 HTML required

required

입력값이 비어 있으면 폼 제출을 막는 속성

📄 HTML Semantic HTML

semantic HTML

내용 의미에 맞는 태그를 사용하는 방식

📄 HTML <header>

header

페이지나 섹션의 머리말 영역

📄 HTML <nav>

nav

주요 메뉴나 이동 링크 영역

📄 HTML <main>

main

페이지의 핵심 본문 영역

📄 HTML <footer>

footer

페이지나 섹션의 하단 정보 영역

🎨 CSS Cascading Style Sheets

CSS

HTML 요소의 색상·크기·배치·반응형 디자인을 지정하는 스타일 언어

🎨 CSS Selector

선택자

어떤 HTML 요소에 CSS를 적용할지 지정하는 표현

🎨 CSS Property Value

속성값

color:red처럼 CSS 속성에 넣는 실제 설정값

🎨 CSS Class Selector

클래스 선택자

class 이름을 기준으로 요소를 선택하는 방식

🎨 CSS ID Selector

ID 선택자

고유한 id 값을 가진 요소를 선택하는 방식

🎨 CSS Child Selector

자식 선택자

바로 아래 단계의 자식 요소만 선택하는 방식

🎨 CSS Descendant Selector

후손 선택자

특정 요소 안쪽의 모든 단계 대상 요소를 선택하는 방식

🎨 CSS Pseudo-class

의사 클래스

:hover·:focus처럼 요소 상태를 기준으로 스타일을 적용하는 문법

🎨 CSS Pseudo-element

의사 요소

::before·::after처럼 가상 부분을 꾸미는 문법

🎨 CSS Box Model

박스 모델

요소를 content·padding·border·margin으로 이해하는 CSS 구조