HTML & CSS #1(정의 및 기본 개념

HTML(HyperText Markup Language)

• Web page를 제작하고 토대를 구성할 때 사용하는 개발언어이다.
• html은 text, image, video 및 button 등의 contents를 표현할 수 있다. content를 html이 인식할 수 있도록 약속된 tag를 content에 감싸주어야 한다.
  (tag는 content의 시작부분과 끝부분에 삽입된다. 단, image처럼 src경로를 통해 content를 연결하고 tag 사이에 들어가는 내용이 없는 경우는 시작tag만 사용하기도 함)
• 다루고자 하는 content에 속성을 부여해야 할 경우 시작tag 안에서 attribute를 삽입할 수 있다.

CSS(Cascading Style Sheets)

• html tag에 디자인을 입혀주는 역할을 한다.
• 적용대상은 tag 이름, id(단일), class(그룹)로 지정할 수 있다.
• CSS 적용방법
  1. tag의 style attribute에 직접 작성.
     (구현은 간편하나 적용하고자 하는 옵션이 많아질수록 코드가 길어져 가독성이 떨어지며 에러를 발생시킬 요지가 큼. 또한 같은 tag에 일괄적용해야 할경우 copy + paste라는 반복작업을 해야 함)
  2. <style> tag를 선언, 이 안에 CSS 문법 작성.
     (attribute에 비하면 가독성이 좋으며 중복 생성의 단점이 상쇄되나 html 파일간 공용할 수 없는 문제가 있음)
  3. .css 확장자 파일을 생성하여 이 안에 CSS 작성하면 중복 문제 및 파일간 공용이 가능하다. 해당 css 파일을 사용하기 위해선 사용코저 하는 html에서 <link> tag를 통해 파일을 link 해야 함.