HTML
HTML5와 HTML의 차이점, 정의, 역사
HTML이란? HTML의 역사 HTML5와 HTML의 차이점 HTML이란? HyperText Markup Language의 줄임말 HyperText : 문서를 서로 연결해 주는 링크. HTML에는 서로 연결한다는 의미가 포함 Markup : '표시한다'는 뜻. 내용을 보여주는 텍스트, 이미지, 영상들의 위치를 표시하는 것을 의미 HTML의 역사 1991년 말 버너스리가 처음으로 인터넷에서 문서를 HTML 태그로 부르면서 시작되었다. HTML5와 HTML의 차이점 2014년 11월 발표된 HTML 표준 규약은 이전 버전과 구별하기 위해 한동안 HTML5라고 불렀다. HTML5는 이전에 사용하던 HTML4에 이어 다양한 기능이 추가되었기 때문에 4 다음 숫자인 5를 붙여 HTML5라고 불렀다. 1. Syny..
[HTML] 반응형 이미지에 링크를 추가하는 3가지 방법(rwdImageMaps.js, Map, a tag)
모바일 사용이 늘면서 어떤 화면 크기에서도 이미지 크기가 일정 비율로 보여야 했다. 화면 크기에 따라 변화하는 이미지의 특정 영역에 링크 삽입하는 방법은 무엇이 있을까. 📍 Image Map html을 처음 배운 사람이라면 정석대로 생각할 방법이다. 하지만 coords는 map을 기준으로 고정되어있기에 화면 변화에 대응하지 못한다. 이러한 문제를 해결하기 위한 라이브러리 rwdImageMaps.js. map이 연결된 이미지의 크기에 따라 coords가 동적으로 변한다. (대박이다. 개발자 만세) https://github.com/stowball/jQuery-rwdImageMaps readme를 읽고 그대로 하면 된다. 🥠 a tag, div를 퍼센트로 배치 div에 이미지와 a tag를 함께 넣어 a t..
회사 메일 서명 템플릿
회사 로고 이미지 홍길동대리 00팀 010 0000 0000 (02) 전화번호 0000@회사사이트 회사사이트 회사주소 회사 로고 이미지 홍길동대리 00팀 010 0000 0000 (02) 전화번호 0000@회사사이트 회사사이트 회사주소
[HTML] 체크박스 안바뀌게 하기
1. onclick="javascript: onlyChecked(this)" function onlyChecked(getName){ getName.checked = true; } 2. $("input").on('click',function () { alert('변경 불가'); return false; });
영상 컨트롤 / 영상 이벤트
$(document).ready(function(){ $('video').on('ended',function(){ console.log('Video has ended!'); }); }); 제이쿼리 $('video').get(0).play()
팝업의 부모 요소로 form전달하기
function do_submit(cmd) { var found = false; var theform = document.signin2; var error = ['데이타를 한개 이상 선택해 주십시오.', ' 잘못된 명령입니다.\n명령을 실행할 수 없습니다.' ]; var cmdtxt = ['', '처리할', '처리할', '처리할']; //var action = ['delete', 'setflag', 'move', 'move']; for (var i = 0; i < theform.elements.length; i++) { if (theform.elements[i].name != 'staffId') continue; if (theform.elements[i].checked == true) { found = ..
