우리가 주로 사용하는 세가지 주요한 프로그래밍 언어는 HTML , CSS , JavaScript 입니다.
이들 언어는 웹페이지와 웹기반의 어플리케이션을 구축하기 위해서 사용됩니다.
이 세가지 언어를 함께 사용해서 웹페이지를 보기 좋게 만들뿐 아니라 상호작용 또한 활발하게 할 수 있도록
합니다.
HTML
오늘날 대부분의 웹페이지들은 HTML ( HyperText Makeup Language ) 코드를 사용해서 쓰여집니다.
HTML 은 1990년대 초반 팀 버너스-리 라는 사람에 의해 개발되었습니다.
HTML 은 웹페이지의 기초 구조를 만드는 훌륭한 방법입니다. HTML 문서들은 개별적인 HTML요소들로구성되어있습니다.
요소들은 오프닝 / 클로징 태그 Tag 와 함께 써줍니다. 각 태그는 화살괄호( < > )로 에워싸여져 있는 요소들의 이름입니다.
그 내용은 태그들 사이에 들어갑니다 .
각 HTML 태그는 웹브라우저에 지시를 하는 것입니다. 그것은 스크린(모니터)에 컨텐츠를 어떻게 보여줄지를 말해줍니다.
태그는 텍스트 , 이미지 그리고 영상을 웹페이지에 추가할 수 있도록 하며 라인(줄)이나 패러그래프(단락)같은 섹션으로 정보를 나누기도 합니다.
CSS ( Cascading Style Sheet)
CSS 는 HTML 과 함께 웹페이지를 보기 좋게 만들기 위해 작동하는 프로그래밍 언어입니다.
HTML은 그것 자체로는 아주 지루하게 보입니다 . 그래서 우리는 색깔, 폰트, 텍스트와 이미지의 위치 등을 바꿀 수 있도록 하기 위해 CSS를 사용합니다 . CSS 은 우리에게 텍스트를 크게 또는 작게할 수 있도록 해주고 배경색을 바꾸거나 페이지의 중심에 이미지를 위치시킬 수 있도록 해줍니다.
JavaScript
자바스크립트는 매우 중요한 프로그래밍 언어입니다.
그것을 상호작용할 수 있도록 함으로써 웹페이지에 생명을 불어넣습니다.
상호작용하는 웹페이지는 사용자가 무언가를 할 때 변화합니다. 그래서 만약 우리가 사용자로 하여금 버튼을 클릭할 수 있도록 하기를 원하거나 팝업창 알림을 하고 싶거나 할 때 우리는 자바스크립트를 사용해야 합니다.
만약 우리가 JavaScript 를 제외하고 HTML, CSS 를 사용해서 웹페이지를 만든다면 보기 좋을 수는 있으나 사용자에게 응답하는 기능은 만들지 못할 것입니다.
'STEM Learning' 카테고리의 다른 글
교육에서의 디지털 전환은 어떻게 ? (0) | 2023.03.12 |
---|---|
코딩도장깨기 4 : [ 우리 아이들이 배워야할 몇가지 코드 스킬 ] (0) | 2021.04.02 |
코딩 도장깨기 2 : [ 코딩와 웹 ] (0) | 2021.03.31 |
코딩도장깨기 1 : [컴퓨터 코딩이란 무엇인가요 ? ] (0) | 2021.02.26 |
수학에서 트레이닝이 중요한 이유 (0) | 2021.01.03 |