[web] HTML, CSS, JavaScript

.·2023년 3월 26일

HTML

  • Hypertext Markup Language
  • 웹 페이지의 구조나 데이터 작성을 위한 마크업 언어(프로그래밍 언어X, 스타일 시트 언어X)

CSS

  • Cascading Style Sheets

  • HTML 요소가 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용하는 스타일 시트 언어(프로그래밍 언어X, 마크업 언어X)

  • HTML로부터 디자인적인 요소를 분리해 정의할 수 있음
    잘 정의한 CSS는 서로 다른 여러 웹페이지에 적용할 수 있음 -> 템플릿/테마
    동일한 문서구조를 가지고 서로 다른 CSS 테마 적용이 가능

  • 웹 문서 내용과 상관없이 디자인만 바꾸거나, 디자인은 그대로 두고 웹 문서 내용 변경에 용이

  • 다양한 기기(PC, 스마트폰, 태블릿 등)에 맞게 탄력적으로 바뀌는 콘텐츠 -> 반응형 디자인(Responsive Design)

JavaScript

  • 웹 사이트가 로딩된 이후에 CSS와 HTML 구성요소들을 변경할 수 있게 해주며, 이를 통해서 웹사이트를 보다 인터랙티브(interactive)하게 만들고 사용자의 참여율을 높일 수 있음

참조
https://blog.wishket.com/css-vs-html-vs-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8C%80%EC%B2%B4-%EB%AD%90%EA%B0%80-%EB%8B%A4%EB%A5%B8%EA%B1%B8%EA%B9%8C/
http://www.tcpschool.com/html/html_expand_css
https://dinfree.com/lecture/frontend/122_css_1.html

profile
.

0개의 댓글