본문 바로가기

728x90

HTML5

[CSS] position : relative, absolute +중앙정렬하기 My First JavaScript Animation My First JavaScript Animation 출처: https://www.w3schools.com/추가로 참고하면 좋은 글: https://rgy0409.tistory.com/2951 ※ 주의할 점. absolute 속성은 inline이 아닌 div와 같은 블럭 element에 지정해야 작동함. 버튼에 absolute 지정해도 안먹힘. absolute속성에서 중앙정렬하기(CSS) 1. 수직과 수평에 대해 중앙정렬position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 2. 수직에 대해 중앙정렬top: 50%; transform: translate(-50%); 3... 2020. 3. 31.

[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 다음

728x90

티스토리툴바