Html 기초

< UNIT3 . HTML 기초 >

• HTML(구조) / CSS(스타일) / JAVASCRIPT(상호작용) 차이
• < HTML >에서 자주 사용되는 태그
  • < div > (Division) : 해당 줄의 공간 모두 사용
  • < span > : 해당 영역만큼만 공간 차지
  • < img > : 이미지를 넣는 태그 (self closing! , src필수!)
  • < a > (link) : 링크 삽입 시 사용 (< a href= ~ >)
  • < ul > (unordered) & < li > (itemlist) & < ol > (ordered list)
  • < input > : type과 함께 활용 가능 (text, radio, checkbox...)
  • < textarea > (Multi-line text input): 줄바꿈 가능!
  • < button > : 버튼을 만드는 태그
• 시맨틱 요소 (검색 엔진에 상위 노출되기 위해 의미있는 코드 쓰기!)
  • < article > : 독립적이고 자체 포함된 컨텐츠 지정
  • < aside > : 주요 부분을 표시하고 남은 부분을 설명 요소 (광고창,사이드바)
  • < footer > : 페이지 가장 아래 위치 (사이트 라이선스, 연락처)
  • < header > : 페이지 가장 위에 위치 (사이트 제목)
  • < nav > : 상단바 등 사이트 안내 요소 (주로 < ul >과 함께 사용)
  • < main > : 문서 메인 내용 표시
• HTML 와이어프레임 (레이아웃 형태 잡기)
• Selector
  • < id > : 고유한 이름을 붙일 때 사용
    < div id = "writing-section" > = div#writing-section
  • < class > : 반복되는 영역을 유형별로 구분할 때 사용
    < li class = "comment" > = li.comment