CSS 태그 2019-09-18 태그의 CSS속성 값을 제어합니다. 속성 값에 대한 index 정보입니다. 해당 속성에 값을 설정하면 변경됩니다. a:link : 클릭하지 않은 링크 a:visited : 한번 클릭했던 혹은 다녀갔던 링크 a:hover : 링크를 클릭하려고 마우스를 가져갔을 때 decoration : 장식 속성 none : 없는 상태 underline : 밑줄 이있는 상태 a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태 출처 devcraft.tistory.com

head 요소의 정의는 '문서의 메타데이터 집합'입니다. 이 페이지의 제목이나 이 페이지가 검색엔진에 노출이 될 지 안될지, 이 페이지에 대한 소개 글 등등의 정보들이 메타데이터로 들어갑니다. CSS 파일과 JavaScript 파일을 연결하는 부분들도 주로 이 head 요소 안에 위치합니다. head 태그의 요소

HTML ( HyperText Markup Language ) 텍스트와 그래픽을 웹 상에 표현할 수 있는 기능을 가진 마크업 언어입니다. 정적이며 다양한 기능을 가진 도구이고 다른 효율적인 도구들과 같이 사용됩니다. ex) css, JavaScript 등 HTML의 기본적인 구조는 이렇습니다. 1 2 3 4 5 6 7 8 9 10 Document Hello World cs HTML은 이 소스 코드에서 보이는 부등호 ''속에 표현되어 있는 것들을 'tag'라고 부르는데 이 에 따라 웹 페이지에 표현되는 방법을 HTML이라는 언어에서 미리 준비해두고 우리는 그것을 사용하는 것에서부터 이 언어에 접근합니다. 사용법은 이렇다 내용 앞의 는 태그를 여는 역할을 한다. 여기서부터 이 태그가 시작합니다. 그리고로 태..

외부 파일로 분리 (Separate into external file) JS를 별도의 파일로 분리할 수도 있다. 장점을 보다 엄격하게 정보와 제어를 분리할 수 있다는 점이다. 하나의 JS파일을 여러 웹 페이지에서 로드함으로 JS의 재활용률을 높일 수 있다. 캐쉬를 통해 속도의 향상, 전송량의 경량화를 도모할 수 있다. html 파일 예제코드 1 2 3 4 5 6 7 8 9 Colored by Color Scripter cs 분리된 script.js 파일 예제코드 1 2 var hw = document.getElementById('hw'); hw.addEventListener('click',function(){alert('hello World')}); cs

Inline 방식의 JavaScript HTML태그에 직접 JavaScript를 기술하는 방법이다. 장점은 태그에 연관된 스크립트 관계가 명확하게 보인다는 점이 있지만 정보인 HTML과 제어의 역할을 하는 JavaScript코드가 같이 사용됨으로 코드가 정보로서의 가치가 줄어든다. 예제코드 1 2 3 4 5 6 Colored by Color Scripter cs Script 방식의 JavaScript 스크립트와 HTML을 분리해서 코딩하는 방식 스크립트 태그에 태그을 이용해 JavsScript 코딩을 하는 방법이다. 예제코드 1 2 3 4 5 6 7 Colored by Color Scripter cs