-
HTML, CSS란?
- HTML ( HyperText Markup Language ) : 웹 페이지 만드는 코드
- CSS ( Cascading Style Sheets ): HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어
-
HTML, CSS는 왜 필요할까?
웹에서 중요한 점은 접근성.
모든 운영체제에서 동작하고, 소스코드를 누구나 볼 수 있고, 저작권이 없는 순수 공공재인 웹을 만들기 위한 언어로 HTML이 필요함HTML을 토대로 문서 구조를 유지하며, 스타일을 지정하여 유지 보수성을 향상시키기 위해 CSS가 필요함
-
HTML, CSS, JavaScript관계
HTMl은 문서 구조, 구조에 스타일을 입히는 게 CSS, JavaScript는 구조와 디자인에 움직임을 넣음. -
html, .css, .js세 종류 파일을 연결하는 방법
-
.js파일 생성, 코드 작성
// 경고창 띄우기 function alert_button(str) { alert(str); } -
html 파일에 내가 만든 practice.js 파일을 연결
자바스크립트 파일을 연결하고 싶은 html 파일에 아래와 같은 코드를 태그 안의 맨 아래에 적어준다. (컴파일 처리 순서때문에)<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>practice</title> </head> <body> <button onclick="btn_alert('안녕하세요!')"> 인사하세요! </button> <script type="text/javascript" src="practice.js"></script> </body> </html> -
.js파일 연결 장점
practice.js 파일에 영향을 받는 html이 100개라 해도 해당 js파일에 있는 코드만 변경해주면 모든 html 파일에 일괄적으로 적용이 가능하기 때문
에 코드의 유지· 보수가 매우 간편해짐.
즉, 여러 html 파일에 같은 script 태그를 반복해서 쓰지 않아도 한 파일로 정리가 되어 코드 관리도 편하고, 코드의 길이도 짧아짐.웹 페이지를 열 때 다운로드 받아야 하는 파일이 늘어나 페이지가 느려지지 않을까?라고 생각할 수 있음.하지만 한 번 다운하면 캐시로 임시저장되어서 더 이상 다운받지 않아도 됨.
-
