HTML, CSS, Javascript 본격 공부 시작!

HTML 5

인터넷 : 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털기기로 연결되어
사람들이 정보를 공유할 수 있는 공간(이메일, 웹, FTP, 텔넷...)

• 통신규약만 다를 뿐이지 다 연결되어 있다.

웹 : 인터넷 공간에서 제공하는 서비스 (http 프로토콜 사용)

인터넷과 웹은 다르다.

FTP : 파일 전송하는 프로토콜(통신 규약)

팀 버너스 리

• 최초 웹 개발자

플로그인

• 웹 브라우저와 연동되는 프로그램을 사용자의 PC에 추가로 설치해 웹 브라우저의 기능을 확장하는 방법

웹 표준 기술

HTML5 + CSS3 + Javascript(표준 명칭 : ECMAScript)

자바스크립트

• 현제는 서버는 물론 로봇 개발에도 사용
• 클라이언트에서 처리해주면 서버 부하를 막을 수 있다.

HTML5의 기본적인 용어

<시작태그> HELLO </끝태그>

HTML5 페이지의 구조

• head : body 태그에 필요한 스타일시트와 자바스크립트를 제공한다.
• title : 웹 브라우저에 표시하는 제목을 지정한다.
• body : 사용자에게 실제로 보이는 부분을 작성하는 곳이다.
• html : 모든 HTML 페이지의 기본 요소로, 모든 태그는 이 html 태그 내부에 작성한다.

html 태그 lang 속성

• 기본적으로 en 될것이지만 ko로 바꾸어주면 됨.
• 다국어 처리할 때 용이

html 태그 내부에 넣을 수 있는 태그

• meta : 웹 페이지에 추가 정보 전달
• title : 페이지 제목 지정
• script : 웹 페이지에 스트립트 추가
• link : 웹 페이지에 다른 파일 추가
• style : 웹 페이지에 스타일시트 추가
• base : 웹 페이지의 기본 경로 지정

스타일시트 작성과 실행

• 내부 스타일(inline style)
  • HTML 페이지 내부에서 style 태그를 사용해 스타일 시트를 직접 입력
  • 스타일 시트가 짧은 경우
• 외부 스타일
  • 스타일 시트를 별도로 생성하고 link 태그의 href 속성을 사용해 불러옴
  • 협업 업무나 프로젝트의 규모가 클 경우 사용

자바스크립트 작성과 실행

• 내부 자바스크립트
  • script 태그를 사용해 HTML 페이지 내부에 코드 작성
• 외부 자바스크립트
  • script 태그의 src 속성에 파일 경로를 입력해 HTML 페이지로 불러옴
• HTML5 이전에서는 type속성을 사용해야 했으나 이제는 type 속성 없이도 기본으로 인식한다.*
  예시)

  <script type="text/javascript" src="OuterJavaScript.js">