생활
Css와 html 차이점이 무엇인지 궁금합니다
코딩에 대해서 관심을 가지고 배워볼려고 하는데
주변사람들에게 css를 가르쳐달라고 했더니
html을 먼저 배우라고 말했습니다
html과 css가 어떤차이가 있는지 알려주시면
감사하겠습니당
12개의 답변이 있어요!
안녕하세요.
html이 화면을 만드는데 가장 기초가 되는 언어입니다.
기본적인 화면 구성이나 글씨를 쓰고 그림이나 동영상을 삽입하는 등의 작업을 합니다. html만 알아도 기본적인 화면은 만들수 있습니다.
거기에 CSS를 사용하면 화면을 이쁘게 꾸미는 작업이 들어갑니다. 크기나 색상 그 밖에 기타 효과들을 줄때 사용합니다. 보통 자주 사용하는 디자인을 정의해 놓고 그것을 갖다가 사용합니다.
안녕하세요.
html은 화면에 기본적인 레이아웃이나 틀을 그리는 작업이고, css는 글꼴이라던지 크기, 색상 등 디자인을 입히는 작업이라고 보시면 됩니다. 그리고 화면단에 필요한 로직을 구현하는 작업은 자바스크립트라는 언어로 하는데 같이 배우시면 좋을 것 같습니다.
코딩에 대한 기초적인 설명이랑 기본적인 웹프로그래밍(html,css,javascript) 강좌가 있는 유튜브강의 링크인데 한번 보시기 바랍니다.
https://m.youtube.com/playlist?list=PLU9-uwewPMe0ynomccdrAX2CtVbahN4hD
html은 웹 구성 언어이고, css는 스타일 시트입니다.
예를 들어서 html로 텍스트 박스를 만들었다고 합시다.
그럼 글 입력이 가능한 네모난 박스 하나가 생성이 될것입니다.
이 때 이 박스의 크기, 화면상의 위치, 선의 두께등을 결정하는 것이 css라고 할 수 있습니다.
더 쉽게 말하면, html은 스케치이고 css는 채색이라고 할 수 있습니다.
스케치하는 법도 모르는데 색칠부터 할 수는 없겠죠? 그래서 html을 먼저 배우라고 하는겁니다.
안녕하세요.
HTML은 뼈대에 해당하는 구성내용을 만들어 주는 것이고,
CSS는 이를 꾸며 주는 것입니다.
<p class="blue">HTML 예제입니다.</p>이렇게 하면 p에 해당하는 HTML 형식의 구문이 만들어지는데요,
이 p의 class에 해당하는 포멧을 바꾸어 주려면...
<style> .blue {color: blue;} </style>이렇게 짝을 만들어 주면 됩니다. 물론 class없이 p자체의 형식을 변경할수도 있습니다.
HTML(Hyper Text Markup Language)은
월드와이드웹의 창시자인 팀 버너스리가 인터넷상으로 학술 문서를 표출할 때 사용하려고 만든
마크업 랭귀지입니다. 엄연히 말해서 프로그래밍 언어는 아닙니다.
중요한건 문서를 표현할 양식 표준이라는것이죠.
오늘날 우리가 웹페이지에서 보고있는 모든 페이지들이 HTML 문법으로 작성됩니다.
HTML이 만들어진 초창기에는 사실상 문서가 한글문서처럼 텍스트 위주로만 되어있었기때문에
좀더 글을 예쁘게 꾸미거나 PPT처럼 화려한 템플릿을 만들 수가 없었고,
이용자들은 HTML코드만을 가지고 이렇게저렇게 꼼수를 써가며 미려하게 만드려고 표현하는 지경에 이릅니다.
그것은 곧 HTML코드의 가독성을 떨어지게 만들어졌고 웹문서를 보는데에 방해가 됐죠.
이에, 그런 스타일부분은 HTML로 하지말고
CSS(Cascade Style Sheet)를 써서 꾸미라고 만들어지게 된것입니다.
요약하자면, HTML은 문서 표출 고유의 기능에, CSS는 디자인 스타일 기능의 목적으로 만들어진 별개의 마크업언어입니다.
HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets)로써,
HTML은 웹 문서를 만들기 위해 사용하는 기본적인 웹 언어의 한 종류입니다. 웹페이지에서 제목, 이미지, 동영상, 문단, 표 등을 정의하고 구조와 의미를 부여하게 됩니다.
CSS는 HTML이 뼈대를 이뤘다면 CSS는 화장을 시켜주는 역할을 합니다. 즉, 시각적인 표현을 담당합니다. 글꼴, 배경색, 너비, 높이, 위치등을 지정하거나 웹브라이저, 스크린 크기, 장치에 따라 화면을 다르게 보여주거나 하는 역할을 합니다.
HTML은 보통 웹페이지에 레이아웃을 잡거나 컴포넌트가 어떤 컴포넌트를 사용할지를 문서에 기술을 합니다.
그리고 CSS는 위치나 정렬 등 화면에 어떻게 보일지를 작성하게 됩니다.
보통은 HTML과 CSS는 프로그래밍이라고 말하지는 않습니다.
HTML과 CSS로는 정적인 화면만 만들 수가 있습니다. (고정된 화면의 웹페이지)
동적으로 로그인등의 기능을 만들고 싶다면 추가적으로 자바스크립트와 서버 프로그래밍을 해야합니다.
안녕하세요?
기본적으로 웹사이트를 구성하는 요소는 크게 html , css , javascript 로 구성됩니다.
html 은 웹사이트의 기본 틀을 구성하는 요소이고 이 안에 css 및 javascript 파일을 추가할수 있습니다.
그러니깐 html 을 사람으로 치자면
css 는 옷이나 머리 색깔, 신발 등처럼 사람의 몸을 꾸며주는 역활을 하는것이며,
javascript 는 사람의 움직이나, 동작에 대한 처리를 담당합니다.
(일단 기본적으로는 이렇지만 요즘은 꼭 이렇다고 단정하기에 어려울정도로 많은 웹 개발 방법이 있습니다.)
html 을 알아야 그 위에 css 도 붙이 javascript 도 구현하고 하기에 질문자의 지인이 html 부터 배우라고 조언을 한것 같습니다.
html, css, js(javascript 보통 줄여서 js) 를 기본적으로 배우시려면 생활코딩 사이트를 추천드립니다.
그럼 화이팅하세요~
안녕하세요 현직 개발자 홍드로이드 라고 합니다 =)
html 부터 간단히 말씀드리면 웹사이트를 개발할 때 필요로 하는 프로그래밍 언어입니다.
html 에서는 웹사이트의 기본적인 뼈대 구조를 만들어 나갈 때 필요하며 메인 인거구요
css는 html로 만들어진 기본 틀에 style 을 입혀서 이쁘게 꾸며주는 역할을 한다고 보시면 됩니다.
예를들어, 버튼 하나를 만들고 색깔을 입힌다던지 , 버튼을 누를 때 클릭효과를 발생 시킨다던지. 크게는 웹 사이트 전체에 이쁜 배경 색이나 이미지를 삽입한다던지 할 때 전반적으로 꾸며주는 역할을 하는겁니다.
즉, 보편적으로 웹사이트에서는 필수적으로 css가 html은 세트로 딸려 간다고 보시면 됩니다.
html은 문서의 형태를 표현하거나 문서가 표현하는 내용을 기술하기 위한 방법 등의 여러 규칙을 정의한 기본적 마크업 언어입니다.
그리고 CSS는 html을 통하여 작성된 문서가 실제로 웹 사이트에 표현되기 위한 방법을 정해주는 언어라고 보시면 됩니다.
즉, html과 css를 서로 떨어져 쓸 수 없는 언어라고 보시면 됩니다.
안녕하세요~! 아하(Aha) 지식답변자 다라닝입니다.
질문하신 내용에 대하여 아래와 같이 답변 드립니다.
Html이 옷이라고 한다면그 옷을 꾸며주는게 Css입니다.
옷이 없는데 꾸미는것부터 할수 없듯이
Html을 먼저 접해보시는게 Css공부하실때도 유리합니다!
부족하지만 도움이 되셨기를 바라며 추가적인 문의가 필요하시면 답변 부탁드려요!html 은 hyper text markup language 의 약어로써
화면구성 과 디자인을 구성하는 명령어이구요
css는 html 에서 디자인부분( style)만 빼서 그룹화 형식으로 묶은 파일을 말합니다
일종의 라이브러리 개념으로 필요시마다 해당 디자인설정을 불러드리는거라고 보시면 될것 같네요
