개발자의 끄적끄적

[html/css] background image 바꾸기 예를들면, document.body.style.background = "url('이미지 경로') no-repeat 0 0"; 위처럼하면 body 부분에 배경이 들어가게 되고, 특정 id 부분에 이미지를 변경하려면 document.getElementById("id").style.background = "url('이미지 경로') no-repeat 0 0"; 위처럼 getElementById("아이디") 부분에 아이디를 변경하여 동작시키면 해당 아이디만 배경이미지가 변하게 됩니다! 이미지 뿐아니더라도 이런식으로 응용하시면 많은 작업들이 가능하죠 ㅎㅎ 참고들 하세요!!

[html/css] 마우스 오버시 나오는 alt와 title 차이 1. alt(alternative) : '이미지의 대안, 이미지에 대한 설명'이라고 보시면 됩니다. 용도는 ① 인터넷 속도, 또는 컴퓨터 사양 문제로 웹브라우저 설정을 '이미지 출력 안 함'으로 한 사용자에게 이미지에 대한 간략한 설명을 볼 수 있음. (데스크탑이 아닌 모바일기기로 접속시에도 유용함.) ② 시각장애인의 웹서핑시 사용하는 리더(reader) 프로그램이 텍스트는 읽어주나, 이미지는 읽을 수 없으므로 alt태그 안의 설명을 읽어줌. ③ 일반인 웹서핑시 인터넷 접속 등의 문제로 해당 이미지를 불러오지 못했을 때, 배꼽과 함께 이미지 설명을 보여줌. 2. title : 이미지 위에 마우스 포인터를 올려 놓았을 때 풍선 도움말처럼 뜨..

[html/css] 이미지 버튼 만들기 위처럼 버튼 태그안에 img를 삽입하는 방식으로 하면 됩니다! 참고들 하세요!!

[html/css] css 유용한 사이트 모음 w3schools.com http://www.w3schools.com/ W3Schools Online Web Tutorials HTML Example: This is a heading This is a paragraph. Try it Yourself » CSS Example: body { background-color: lightblue; } h1 { color: white; text-align: center www.w3schools.com ColorPicker http://www.pagetutor.com/colorpicker/index.html ColorPicker 3.1 Instructions: This color picker will help you f..

[html/css] table border 테이블 모든테두리 표시 1 2 위처럼 해주면 border_tbl 의 모든 테두리가 적용되게 됩니다~ 현재는 td 만 설정되어 있지만 th가 추가되면 그부분도 style에 한줄 추가하셔야 되요! 참고하세요~ [css] table border 테이블 모든테두리 표시