728x90 반응형 SMALL CSS3 HTML-input태그 #2 태그 1편에 이어 2편 시작하겠습니다. 이번 글도 태그 속성값들을 하나씩 알아보겠습니다. 태그 속성값 #2 - color- date- datetime-local- month- number- range- search- tel- time- week- email 총 11개의 태그 속성값의 표시방법과 실제 웹페이지를 살펴보겠습니다. ① color 표시방법1234567891011121314 input태그 속성값 색상 Colored by Color Scriptercscolor의 기본 표시방법입니다. 색상 버튼을 선택하면 원하는 색상을 고를 수 있습니다. ② date date는 날짜(연도/월/일) 입력란입니다. 표시방법1234567891011121314 input태그 속성값 생년월일 Colored by Color S.. 2020. 12. 9. HTML5 - 테이블 태그 표를 만들 때 사용하는 테이블(표) 태그에 대해 알아보겠습니다. #1 태그의 기본 요소들- : 표 제목- 태그 : 행- 태그 : 열 표시방법1234567891011121314151617181920212223242526272829303132 제목 표의 제목 cell-1-1 cell-1-2 cell-1-3 cell-1-4 cell-2-1 cell-2-2 cell-2-3 cell-2-4 cell-3-1 cell-3-2 cell-3-3 cell-3-4 cell-4-1 cell-4-2 cell-4-3 cell-4-4 cs태그 안에 태그가 들어가야 합니다. 실제 웹페이지 CSS로 표를 꾸며보겠습니다.- border-collapse : 단일선, 중복선 설정예) 123table, tr,td{ border-collaps.. 2020. 11. 26. HTML&CSS-위치 변경하기 HTML5, CSS3을 이용해 요소들의 위치를 지정(변경)해보겠습니다. 앞전 태그에 대한 글에 위치 지정하는 부분이 나오긴 했지만 제대로 설명하지 않고 넘어갔는데 이번에 제대로 알아보겠습니다. 위치를 지정하기 위해서는 먼저 CSS의 position 값을 줘야 합니다. 그 전에 position 속성의 종류(키워드)에 대해 설명하겠습니다. ① relative 상대값 / 위치 설정 가능하고 자리를 차지함 ② absolute 절대값 / 절대 위치 설정 가능 ③ fixed 고정값 / 화면 기준으로 위치 설정 가능 ④ sticky 스크롤을 내리면 위치 설정 ⑤ static 기본값 / top, left, bottom, right 지정 안됨 ⑥ inherit - ⑦ initial - ⑧ revert - ⑨ unset .. 2020. 11. 25. 이전 1 다음 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 728x90 반응형 LIST
