728x90 반응형 studies112 [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. [HTML] img 태그의 alt 속성 alt 속성은 사용자가 어떤 이유로 든 이미지를 볼 수없는 경우 (연결 속도 저하, src 속성 오류 또는 사용자가 화면 판독기를 사용하는 경우) 이미지의 대체 텍스트를 제공합니다. / 출처:w3schoolalt는 alternative의 줄임으로, 그 뜻은 1. 대안, 선택 가능한 것 2. 대체 가능한, 대안이 되는 3. 대안적인, 대체의(전통적인 방식과 다른) 이다. 웹문서를 방문한 사용자 중 이미지가 정상적으로 표시되지 않는 경우도 분명 존재할테니 이미지를 제공받지 못하는 사용자를 위해 대체 텍스트를 적용하는 것이 좋을 것 같습니다. 2020. 2. 14. 이전 1 ··· 15 16 17 18 19 다음 728x90 반응형
