Form 태그 실습 코드 (전화번호 입력) - form_tel.html Telephone Field The input type="tel" is used for input fields that should contain a telephone number: Enter a phone number: Format: 123-45-678 HTML 삽입 미리보기할 수 없는 소스 Form 태그 실습 코드 (간단한 회원정보 실습) - form01.html Password field The input type="password" defines a password field: Username: Password: The characters in a password field are masked (shown as asterisk..

HTML Form - 사용자 입력을 수집하기 위해 사용. - 사용자 입력은 대부분 처리를 위해 서버로 전송 - Form에는 텍스트 필드, 체크박스, 라디오 버튼, 제출 버튼 등과 같은 다양한 유형의 입력 요소에 대한 컨테이너이다. input 요소 유형 설명 텍스트 입력 필드를 표시합니다. 라디오 버튼을 표시합니다. (여러 선택 항목 중 하나 선택) 확인란을 표시합니다. (여러 선택 사항 중 0개 이상 선택) 제출 버튼을 표시합니다(양식 제출용). 클릭 가능한 버튼을 표시합니다. input 태그 type 속성들을 알기 위한 실습 - inputs.html input 태그 type 속성들 동의 남자 HTML 삽입 미리보기할 수 없는 소스 실습 코드 - form01.html 아이디 비밀번호 HTML 삽입 미리보..

태그 - 테이블을 사용하면 웹 개발자가 데이터를 행과 열로 정렬할 수 있다. 테이블 예시 - 출처 : W3CSchool Tables - 테이블 행 - 각 테이블 행은 태그로 정의된다. 테이블 셀 - 각 테이블 셀은 태그로 정의된다. 태그 예시 실습 코드 - table1.html 표예제 회사 담당자 국가 오라클 홍길동 USA 구글 이순신 UK 마이크로소프트 강감찬 KOREA

태그 - 웹 페이지에 이미지를 삽입할 때 사용한다. - 태그는 닫는 태그가 없다. - 태그에는 두가지 필수 속성이 있다 1) src : 이미지 경로(url)를 지정 2) alt : 이미지의 대체 텍스트를 지정 예시 : Image Map - 태그 - 태그는 이미지 맵을 정의한다. - 이미지 맵은 클릭 가능한 영역이 있는 이미지다. - 영역은 하나 이상의 태그로 정의한다. Image Map 실습 1) imageMap.html Image Maps 컴퓨터 클릭, 폰클릭, 커피잔 클릭시 각각 새로운 페이지로 연결 Image Map 실습 2) computer.html - 기존의 imageMap.html 파일에서 Computer로 정의된 area 부분을 클릭하면 이동되는 html 문서 컴퓨터 Image Map 실습 ..

하이퍼링크(HyperLink) - 링크를 클릭하면 다른 문서로 이동할 수 있다. - 링크 위로 마우스를 이동하면 마우스 화살표가 작은 손모양으로 변한다. 태그 - 하이퍼링크를 정의하는 HTML 태그 예시 : Link text 실습 - basic9.html 첫번째 a태그 : 네이버로 이동하는 링크를 만든다. 두번째 a태그 : 이미지를 클릭하면 지정된 링크로 이동한다. 세번째 a태그 : mailto(메일 전송 프로그램)를 사용하여 지정된 이메일로 메일을 보낼 수 있게 아웃룩 프로그램이 실행한다. 네이버 인사 담당자