728x90 반응형 전체 글150 [HTML] 이미지 원본사이즈를 최대한 유지하여 페이지에 맞추기 / 반응형 웹디자인 img태그 속성에 style="max-width:100%; height:auto;" width:100%는 이미지 원본 사이즈와 상관없이 페이지 너비에 맞추어 꽉 채우는 반면, max-width:*%는 페이지 너비가 원본 이미지 크기보다 크면 이미지 사이즈를 원본대로 하고, 페이지 너비가 이미지보다 작아지면 이미지 사이즈를 페이지 너비에 *%로 맞춘다. 2020. 2. 15. [HTML/Javascript] Iframe 활용 코드Iframe 활용 군고구마말랭이의 티스토리 홈으로 이동 실행 Iframe 활용 나의 티스토리 홈으로 이동 2020. 2. 15. [Javascript] 해당 클래스의 요소를 일괄 동작시키기 / 자주쓰이는 문법 정리 해당 클래스의 요소를 일괄 동작시키는 함수이다. 1. 임시 변수에 문서속에서 액션을 주고자 하는 부품의 클래스명을 대입.2. 반복문을 해당 클래스 부품의 개수만큼 돌린다.3. 임시 변수를 배열로 사용하여 임시배열변수에 액션 지정.function myFunction() { var x = document.getElementsByClassName("class-name"); for (var i = 0; i 자주 쓰이는 문법을 정리해보았다.▶내용삽입 document.getElementById("액션을 적용할 부품의 아이디 이름").innerHTML = 작성할 내용; document.getElementByClassName("액션을 적용할 부품의 클래스명")※input타입 태그(ex.textarea, tex.. 2020. 2. 15. [HTML] block과 inline 속성 태그 정리 블럭 요소 - 인라인 요소 - 출처: www.w3schools.com/ 2020. 2. 14. [HTML] 테이블 테두리 한 줄로 지정 & 두줄 테두리 간격 조정 속성값border-collapse: collapse; 두줄 테두리(기본) 간격 조정 속성border-spacing: *; 2020. 2. 14. [HTML] 이미지 특정 범위에 클릭영역 지정하기 / img map img 태그 속성으로 usemap을 지정(id와 유사)usemap='#*'이미지 위치 상관없이 map태그를 기술. map태그 속 name 속성에 맵을 지정할 이미지의 usemap을 '#'없이 기입.map태그(와 마감태그) 사이에 area태그 기술. 필수속성으로 shape='도형이름:rect/circle/poly/default',coords='위치좌표값'shape속성값 : default는 전체, poly는 다각형coords를 지정할 때 :사각형(rect) - 상좌 꼭짓점의 x좌표, y좌표, 하우 꼭짓점의 x좌표, y좌표 원(circle) - 차례로 x좌표, 4좌표, 반지름(길이)다각형(poly) - 꼭짓점들의 x좌표, y좌표 나열 활용 href 속성 - 클릭시 링크 이동onClick 속성 - JS등의 .. 2020. 2. 14. 이전 1 ··· 21 22 23 24 25 다음 728x90 반응형
