20201029 # Day4

JongGwon Seon·2020년 10월 31일
0
post-thumbnail

HTML

  • 구조(Structure)를 나타내는 언어
  • HTML의 구조는 부모가 하나이고 자식이 여럿인 트리구조이다.
  • HTML의 태그는 대부분 여는 태그, 닫는 태그의 구조로 되어 있다.
  • 하지만 언제나 그랬듯 예외는 있다. Ex) img태그
  • 자주 사용하는 것들은 줄바꿈태그 div, 컨텐츠 영역 span, 리스트업 ul,li,ol (li는 ul,ol의 '자식'이다).
  • input type= 을 통해 textarea, checkbox, radio 등을 삽입할 수 있다.

CSS

  • 스타일(Style)을 나타낼 수 있는 언어
  • 더 나은 UX를 위해 사용한다
  • id나 class로 이름을 붙여 이름이 같은 것들은 모두 같은 스타일링을 적용 할 수 있다.
  • id를 불러올 때는 "#", class를 불러올 때는 "."을 사용한다.
  • 이를 통해 글자 폰트, 크기, 색상은 물론 배경색 컨텐츠 구조 설정 등 사용자들이 편리하게 사용 할 수 있도록 디자인이 가능하다

JavaScript

  • 상호작용(Interaction)을 할 수 있는 언어

이것들을 나누는 이유 = "관심사를 분리 하기 위하여!"

!
profile
안녕하세요 초심자입니다!

0개의 댓글