20260805 1강 HTML, CSS
태그는 여닫는 괄호다.
밑에 -
은 순서가 필요없음
은 순서가 필요함
사용자 입력은 form, 입력창엔 반드시 label을 짝지어줘야 이름표와 접근성 역할.
시멘틱 태그
└─ ← 페이지 전체의 머리말 (내비게이션)
└─
└─ ← 게시물 하나 (독립된 의미 단위)
├─ ← 이 게시물만의 머리말 (작성자 정보)
├─ ← 사진 + 캡션
└─ ← 이 게시물만의 꼬리말 (댓글 입력)
시맨틱 태그는 “이 부분이 어떤 역할인지”를 코드 자체에 새겨 넣고, 같은 태그라도 어느 태그 안에 중첩됐는지에 따라 그 범위가 달라진다.
CSS
는 외부파일에서 연결하는 게 표준이다.
후손이나 자식은 >, 인접 형제는 +.
margin
border
padding
content
순서로
px는 절대 크기, %는 부모 기준 비율, rem은 루트 글자 크기 기준.
font-family,line-height
