HTML과 CSS
HTML이란?
HTML은 Hyper Text Markup Language로 DOCUMENT나 웹에 쓰이는 언어로서 프로그래밍처럼 보이지만 프로그래밍 언어는 아닌 마크업 언어이다. 어떤 쇼츠에서 봤는데 개발자들 사이에서 "저는 HTML로 프로그래밍해요"이란 말을 했을 때 싸해지는 분위기를 볼 수 있었는데 그땐 왜 그런지 몰랐으나 정확한 의미를 알았을 때는 이해를 할 수 있었다.
다시 돌아와서 HTML은 문서의 내용 이외의 문서의 구조나 서식 같은 것을 포함하는 것으로 알려져있고 배울 수 있었다.
여기서 질문이 생기는데 개발자들의 첫 시작인
Hello World!를 웹에 표현하기 위해서는 어떻게 해야할까?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
Hello World!
</body>
</html>를 메모장이나 IDE에서 실행하게 되면 출력이 된다고 한다.
기본적인 사용법은 위에서만 봐도 <태그>내용<태그>로 사용하는 것인데 앞으로의 공부 요약에서 위의 HTML의 다양한 태그들에 대해, 사용법이나 뜻을 알아가볼 것이다.
CSS란?
HTML과 항상 붙어다니는 용어로 CSS라는 것이 있다. 그렇다면 과연 CSS는 무엇인지 알아보자
CSS (Cascading Style Sheets)는 웹페이지를 꾸미려고 계단식으로 작성하는 코드입니다 HTML과 같이 쓰이며 역시 프로그래밍 언어는 아니다. 사용법은 인라인 요소로, HEAD부분에 STYLE태그로, 아니면 link로 .css 확장파일을 만들어서 사용하게 되는데 html로 구조를 잡으면 그곳에 이미지나, 디자인을 입히는 것이다. 이것 역시 계속 공부해가면서 더 상세히 알게 될 것이지만 기본적인 구조를 알아보자.
p {
color: red;
}이 뜻은 무엇일까? 간단하게 설명하면 P라는 태그에 RED라는 색을 입히는 것이다. 선택자를 적고 특성과 입히고 싶은, 적용하고 싶은 것을 적는 방법이 기초적이다. 요새는 SCSS라는 확장자도 생겨서 CSS를 적는 자유도도 높여주고 있는데 그것에 대해서는 CSS에 대한 공부를 끝내고 알아보는 시간을 갖도록 하겠다.
