『FR』

html input 자동완성 기능 제거하기 autocomplete="on/off" 사용예제 off 로 설정하면 자동완성이 안됩니다. 참 쉽죠 ?

홈페이지 자동으로 새로고침 만들기 사용법30초 후, 새로고침 하기 1분 후, 새로고침 하기 30분 후, 새로고침 하기 1분이 60초니깐 원하는 분*60을 하면 됩니다.

get과 post방식 GET 방식 클라이언트로부터의 데이터를 이름과 값이 결합된 스트링 형태로 전달하며, 각 이름과 값의 쌍은 “&”를 이용하여 구분한다. 예를 들자면 아래와 같다. http://localhost/test/test/test.php?Name=Michael&Dept=Computer 이 부분에서 ?Name=Michael&Dept=Computer을 보면 시작은 ? 으로 시작해서 Name의 변수가 Michael, Dept는 Computer라는 것을 확인할 수 있으며, 이값을 웹 브라우저의 주소 입력란에서 위와 같이 직접 입력하여도 데이터를 서버로 데이터를 쿼리 스트링(Query String)의 일부로써 전달하게 된다. 태그의 “METHOD” 속성의 값으로는 “GET”을 지정한다. POST 방식 클..

테이블 배경 색 및 이미지 적용방법 테이블 배경을 지정하기 위한 속성으로는 background(배경이미지)와 bgcolor(배경색)가 있습니다.[배경을 지정할 수 있는 태그는 태그와 태그, 태그 등이 대표적이다.] 1. 배경이미지(background) 상기 소스와 같다. 이부분을 아래와 같이 사용할 수 있다.상기 이미지를 소스화 하면 아래와 같다. 테이블안에 이미지 보자테이블안에 이미지 보자테이블안에 이미지 보자 2. 배경색(bgcolor) 과 같이 적용하면 배경이 회색(gray)로 변한다. 상기 이미지를 소스화 하면 아래와 같다. 색상표는 아래와 같다.이름색상명색이름색상명색aqua#00FFFF olive#808000 black#000000 orange#FFA500 blue#00..

div 태그와 span 태그태그 이름설명divblock 형식으로 공간을 분할한다.spaninline 형식으로 공간을 분할한다. 아래 예제를 보면 쉽게 이해할 수 있다. div분할부분1div분할부분2div분할부분3div분할부분4 해당 부분은 F12버튼으로 요소를 클릭하여 페이지 소스를 확인한 것이다.이는 스타일 적용시에 유용하게 사용하되며, 간단하게 '페이지 구분‘을 짓는 기능 이라고 생각하면 된다.span 태그문서의 그룹 인라인 요소로 사용된다. 그 자체로는 시각적인 변화를 표현할수 없지만, 텍스트 또는 문서의 일부분에 스타일을 적용하기 위해 사용될 수 있다. 아래 예제를 보면 쉽게 이해할 수 있다. span분할부분1span분할부분2span분할부분3span분할부분4 해당 부분은 F12버튼으로 요소를 클릭..

textarea 태그아래 예제를 보면 쉽게 이해할 수 있다. select 태그속성 이름설명select선택 양식을 생성한다.optgroup옵션을 그룹화한다.option옵션을 생성한다.multiple한번에 옵션을 확인할 수 있다. 아래 예제를 보면 쉽게 이해할 수 있다. 옵션박스1 옵션박스2 옵션박스3 옵션박스4 옵션박스1 옵션박스2 옵션박스3 옵션박스4 응용 버전 옵션박스1 옵션박스2 옵션박스3 옵션박스1 옵션박스2 옵션박스3 fieldset 태그 와 legend 태그아래 예제를 보면 쉽게 이해할 수 있다. legned 태그 이름 이메일

입력 양식 태그 사용자에게 입력받는 공간을 의미하며, form 태그 공간 안에 원하는 기능을 구현하면 된다. 속성 이름설명action입력 데이터의 전달 위치를 지정한다.method- get- post입력 데이터의 전달 방식을 선택한다.?search=rint 형태로 URL 변경이 된다주소가 변경되지 않는다.(비밀스럽게 데이터를 전달하는 방식)button버튼을 생성한다.checkbox체크박스를 생선한다.file파일 입력 양식을 생성한다.hidden보이지 않게 설정한다.image이미지 형태를 생성한다.password비밀번호 입력 양식을 생성한다.radio라디오 버튼을 생성한다.reset초기화 버튼을 생성한다.submit제출 버튼을 생성한다.text글자 입력 양식을 생성한다. 아래 예제를 보면 쉽게 이해할 수 ..

오디오 태그 속성속성 이름설명src음악 파일의 경로 지정preload음악을 재생하기 전에 모두 불러올지 지정autoplay음악을 자동 재상할지 지정loop음악을 반복할지 지정controls음악 재생 도구를 출력할지 지정 아래 예제를 보면 쉽게 이해할 수 있다. video 태그 속성속성 이름설명src비디오 파일의 경로 지정preload비디오를 재생하기 전에 모두 불러올지 지정autoplay비디오를 자동 재생할지 지정loop비디오를 반복할지 지정controls비디오 재생 도구를 출력할지 지정width비디오의 너비를 지정height비디오의 높이를 지정poster비디오 준비 중일 때의 이미지 파일 경로 지정 아래 예제를 보면 쉽게 이해할 수 있다.

이미지 태그 속성속성 이름설명src이미지 경로 지정alt이미지가 없을 때 나오는 글자 지정width이미지의 너비 지정height이미지의 높이 지정 아래 예제를 보면 쉽게 이해할 수 있다.

테이블 요소 태그 태그 이름설명tr표 내부의 행 태그th행 내부의 제목 셀 태그td행 내부의 일반 셀 태그HTML페이지에서 표를 만들 때 사용하는 태그이다. 아래 예제를 보면 쉽게 이해할 수 있다. 행 내부의 제목 셀 태그 행 내부의 제목 셀 태그 행 내부의 일반 셀 태그 행 내부의 일반 셀 태그 행 내부의 일반 셀 태그 행 내부의 일반 셀 태그 테이블 태그 속성 속성 이름설명border표의 테두리 두께를 지정rowspan셀의 높이 지정colspan셀의 너비 지정 아래 예제를 보면 쉽게 이해할 수 있다. //테두리 두께 1px 지정 셀의 너비 지정 3 셀의 높이 지정 3 Table Data 셀의 높이 지정 2 Table Data Table Data Table Data