(SEB_FE) Section1 Unit2 HTML 심화

1. 만들고 싶은 앱의 와이어프레임을 그려볼 수 있다.
2. 와이어프레임만 보고 HTML로 코딩할 수 있다.
3. div 요소 또는 section, header 등의 시맨틱 요소로 영역을 구분하는 이유를 이해할 수 있다.
4. HTML 문서에서 언제 id 혹은 class를 사용해야 하는지 이해할 수 있다.

• form 태그는 사용 시 화면을 전환하는 액션이 있으므로 주의가 필요하다.
• form 요소는 사용자가 입력한 값을 제출하는 데 사용된다.
  주로input요소, button요소를 포함한다.

• id는 고유한 이름을 붙일 때
• class는 반복되는 영역을 유형별로 분류할 때

HTML 속성(attribute)은 두 가지로 구성 됨.
1. attribute name(속성의 이름)
2. attribute value(속성의 값)

HTML section 요소는 웹 페이지의 큰 의미 단위가 될 수 있는 어떤 것이든 묶어서 하나의 구역을 구분하는 데 사용.
이 엘리먼트는 HTML5 표준의 탄생과 함께 생겨난 시맨틱 요소 (요소의 이름에 의미를 충분히 담고 있기 때문!)

⭐즉 div 대신 section 쓰자 ⭐

• ol 요소의 속성 start를 사용하면 몇번부터 리스트를 시작할 지 정할 수 있다.

• input은 닫는 태그가 불필요
  글자를 넣고 싶다면, lable 요소를 사용하자.
  input의 id와 label의 for 속성을 통일 시켜 연결
  (이러면 label 영역을 클릭해도 input 역시 반응)

• checkbox의 경우, 같은 name 가진 애들끼리는 중복 선택 불가

• video요소: controls, muted 등등 다양한 속성이 있다.

오늘 배운 내용 정리 끝! 뿌듯하다. 앞으로 유지하자! 아자아자 화이팅! (참고로 룸메이트 초콜릿주기 대작전은 성공적~ 룸메이트도 초코송이 사줬다ㅎㅎ 역시 내 Soulmate~)