DAY3_HTML,CSS 관련 개념

월드 와이드 웹 : WEB : WWW

ex. 통신 규칙/규약

친구에게 전화[요청] 걸기 : 핸드폰, 친구의 전화번호

                                                                                                        (031~ / 010)

web에서 문서[요청] 열기 : PC[브라우저 = 크롬] 웹 주소

                                                                                                                 (https:~/ http:~)

HTTP : 하이퍼텍스트 트랜스퍼 프로토콜 : HyperText Transfer Protocol

            HTML 통신 규약

HTML : 하이퍼텍스트 마크업 언어

 <태그 명   속성 명 = “속성 값”>  내용  </태그 명>

<> </>
태그 명
속성
<! - - - - > : 주석

CSS : 캐스팅 스타일 시트 ⇒ HTML이나 XML에 시트를 입혀서 스타일을 변경

식별자/선택자 { 속성 명 :  속성 값 ;  속성 명 : 속성 값 ; } → 세미콜론(;) : 구분자

 input               {   color   :    red ;     font-size  :  10px ; }

  1. 선택자

  2. { }

  3.  속성

  4. ;             : 구분자

  5. /* 주석 */        : 주석

적용방법[HTML 포함]

< 태그 style = “속성 명 = 속성 값”>
<head> 태그 안에 추가 : <style> 선택자 {속성 명 : 속성 값; 속성 명 : 속성 값 ; } </style> </head>
css 파일 생성
1. <head>태그 안에 추가 : <link href = “css 파일 경로” rel = “stylesheet”></head>

→ JS, CSS는 혼자 X → 통신할 수 있는 방법이 없기 때문! → 무조건 HTML에 포함이 되어야 함!

→ HTML 통신만 존재하기 때문에 CSS, JS는 같이 가야 함. (즉, HTML은 혼자 쓸 수는 있음)