본문 바로가기

클라이언트

(5)
<a>태그 [ ]CSS 태그 2019-09-18 Colored by Color Scriptercs 속성 값에 대한 index 정보입니다. 해당 속성에 값을 설정하면 변경됩니다. a:link : 클릭하지 않은 링크a:visited : 한번 클릭했던 혹은 다녀갔던 링크a:hover : 링크를 클릭하려고 마우스를 가져갔을 때decoration : 장식 속성none : 없는 상태underline : 밑줄 이있는 상태a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태 출처devcraft.tistory.com
HEAD head 요소의 정의는 '문서의 메타데이터 집합'입니다. 이 페이지의 제목이나 이 페이지가 검색엔진에 노출이 될 지 안될지, 이 페이지에 대한 소개 글 등등의 정보들이 메타데이터로 들어갑니다. CSS 파일과 JavaScript 파일을 연결하는 부분들도 주로 이 head 요소 안에 위치합니다. head 태그의 요소
HTML HTML ( HyperText Markup Language ) 텍스트와 그래픽을 웹 상에 표현할 수 있는 기능을 가진 마크업 언어입니다.정적이며 다양한 기능을 가진 도구이고 다른 효율적인 도구들과 같이 사용됩니다.ex) css, JavaScript 등 HTML의 기본적인 구조는 이렇습니다. 12345678910 Document Hello Worldcs HTML은 이 소스 코드에서 보이는 부등호 ''속에 표현되어 있는 것들을 'tag'라고 부르는데 이 에 따라 웹 페이지에 표현되는 방법을HTML이라는 언어에서 미리 준비해두고 우리는 그것을 사용하는 것에서부터 이 언어에 접근합니다. 사용법은 이렇다 내용 앞의 는 태그를 여는 역할을 한다. 여기서부터 이 태그가 시작합니다.그리고로 태그가 닫힌다. // 닫는 ..
외부 파일로 분리(Separate into external file) 외부 파일로 분리 (Separate into external file) JS를 별도의 파일로 분리할 수도 있다. 장점을 보다 엄격하게 정보와 제어를 분리할 수 있다는 점이다. 하나의 JS파일을 여러 웹 페이지에서 로드함으로 JS의 재활용률을 높일 수 있다. 캐쉬를 통해 속도의 향상, 전송량의 경량화를 도모할 수 있다. html 파일예제코드 123456789 Colored by Color Scriptercs 분리된 script.js 파일 예제코드 12var hw = document.getElementById('hw');hw.addEventListener('click',function(){alert('hello World')});cs
Inline 방식과 Script 방식 Inline 방식의 JavaScript HTML태그에 직접 JavaScript를 기술하는 방법이다. 장점은 태그에 연관된 스크립트 관계가 명확하게 보인다는 점이 있지만 정보인 HTML과 제어의 역할을 하는 JavaScript코드가 같이 사용됨으로 코드가 정보로서의 가치가 줄어든다. 예제코드 123456 Colored by Color Scriptercs Script 방식의 JavaScript 스크립트와 HTML을 분리해서 코딩하는 방식 스크립트 태그에 태그을 이용해 JavsScript 코딩을 하는 방법이다. 예제코드1234567 Colored by Color Scriptercs