본문 바로가기
STEM Learning

코딩도장깨기 3 : [ 웹페이지 코딩하기 ]

by 이승우eduaction21 2021. 4. 1.
728x90
반응형

우리가 주로 사용하는 세가지 주요한 프로그래밍 언어는 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 를 사용해서 웹페이지를 만든다면 보기 좋을 수는 있으나 사용자에게 응답하는 기능은 만들지 못할 것입니다.  

 

 

반응형
LIST