IT Study/Web 썸네일형 리스트형 [JavaScript] 기본 문법 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152Insert title here 여기가 P 태그 입니다. // 주석문/* 주석문 */ //alert("Java script 실행"); // 현재문서(웹페이지).요소(태그 id)var pTag = document.getElementById("demo").innerHTML;alert(pTag); console.log("demo = "+pTag); document.getElementById("demo").innerHTML = "변경된 문자열"//pTag = "변경된 문자열" 안됨 Colored by Color Scriptercs 더보기 [JavaScript] JavaScript 사진 변환 기본 예제 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960Insert title herebody{ background-color: black; link: red; vlink:blue;}#header,#nav{ color: white;} 타히티의 사진 다음 사진을 클릭하면 확대 사진을 볼 수 있습니다. var picture = document.getElementById("big_picture"); function tahiti01() { picture.innerHTML="";}function tahiti02() { picture.innerHTML=""; }functio.. 더보기 [HTML] 영상(video) 출력 12345678910111213Insert title here Colored by Color Scriptercs 결과 화면 더보기 [HTML] 경도,위도 구하기 navigater활용(navigator.geolocation.getCurrentPosition) 경도 : (파라미터명).coords.latitude위도 : (파라미터명).coords.longitude 123456789101112131415161718192021222324252627282930313233343536Insert title here geolocation : 위도, 경도 버튼을 클릭하면 당신의 위치를 출력합니다. 클릭 //x를 demo랑 연결var x = document.getElementById("demo"); function getLocation() { //alert("getLocation"); if(navigator.geolocation){ navigator.geolocation.getCu.. 더보기 [HTML] form 기본 예제 form다른 페이지로 값을 넘길때 사용하는 기본적인 태그 HTML123456789101112131415161718192021222324252627282930313233343536373839404142434445Insert title here ID:PASSWORD: 패션음악게임 벤츠아우디BMW람보르기니 Colored by Color Scriptercs NewFile3.jsp1234567891011121314151617181920Insert title here Colored by Color Scriptercs 더보기 [HTML] iframe 12345678910111213141516Insert title here 여기는 index5.html입니다. Colored by Color Scriptercs iframeHTML 화면 안에 영역을 두어 또다른 html화면이나 image파일등을 보여줄 수 있는 frame 더보기 [HTML] CSS 적용방법 3가지 HTML12345678910111213141516171819202122232425262728293031Insert title herebody{ background-color: Lightgray;}h1{ color: blue; font-family: verdana; font-size: 300%} 노란색 h1 태그 여기가 h1 태그입니다. 여기가 p태그 입니다.Colored by Color Scriptercs CSS(my.css)12345678@charset "UTF-8";p{ border: 1px solid red; color: green; padding: 10px; margin: 15px;}cs 더보기 [HTML] List 종류 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112Insert title here ul#menu li{ /* id값이 menu인 ul의 li */ /* # -> id . -> class */ display: inline; /* 가로모드 (수평으로 표시) */} 커피 홍차 우유 커피 홍차 우유 커피 홍차 우유 커피 홍차 우유 커피 홍차 우유 커피 홍차 우.. 더보기 HTML 테이블 응용 테이블 row나 column을 합치는 응용문제 실행 화면 소스 코드 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465Insert title hereth{ background-color: #ccccff;}고교수영부 기록 ■수영 기록 종목 거리 성별 기록 자유형 100m 남자 50초60 女子 55초56 200m 남자 1분49초23 여자 1분59초56 배형 100m 남자 55초16 여자 1분01초13 200m 남자 1분59초74 여자 2분10초46 Colored by Color Scriptercs 더보기 HTML 테이블 예제-02 실행 화면 소스 코드 12345678910111213141516171819202122232425262728293031323334Insert title here table, tr{ border: 1px solid blue; border-collapse: collapse; /* 기본 두줄로 그어지는 선을 한줄로 */ background-color: #ffff00;} 이름 홍길동 전화번호 222-3333 234-4567 Colored by Color Scriptercs 더보기 이전 1 2 3 4 5 다음
