HTML&CSS란?

웹페이지를 만들기 위해 HTML과 CSS를 사용하는 방법을 배워 봅시다. HTML(Hyper Text Markup Language)은 내용을 둘러싸는데 이용하고 브라우저에게 헤딩, 목록, 표와 같이 페이지의 일부에 관해 알리는 마크업 언어입니다. 현재 버젼은 HTML5가 나온 상태이구요.

간단하게 HTML의 구조는 아래와 같다.

선언부

<html>

<head>

<title> 프론트엔드 </title>

<head/>

<body>

</body>

</html>

여기서 선언부는 지금의 HTML5는 <!DOCTYPE html> 이므로 이를 적어주어 이것이 HTML5버젼임을 알 수 있게해주는 것이다.

그리고 CSS(Cascading Style Sheet)는 페이지의 스타일을 만드는 데 이용하는 스타일시트 언어이다. 이것은 브라우저에게 색깔, 폰트, 레이아웃 등을 변경하라고 알리는데, HTML5와 동시에 css3가 나오면서 Dynamic한 웹페이지를 javascript나 flash없이도 구현할 수 있을 정도로 어마어마한 발전을 하였다.

CSS는 HTML언어 중간중간에 <style> ~ </style>로 색깔,폰트,레이아웃등을 추가해 주는 역할을 하는데 간단하게 색깔은 color : ~ , 폰트는 font-size : ~px 등이 있다.

참고로 이언어를 쓰기위한 ide(통합개발환경)을 추천하자면, atom을 권장해드리고 싶다.

atom 다운링크 : https://atom.io

728x90