CSS란 - Cascading Style Sheets의 약어 - HTML 문서의 스타일을 지정할 때 사용하는 언어 - CSS는 HTML 요소가 화면 또는 미디어에 표시되는 방법을 설명함 - CSS을 사용하면 여러 웹페이지의 레이아웃을 한번에 제어할 수 있어 많은 작업을 줄여준다. - 외부 스타일시트는 .css 파일로 저장 CSS 기본 실습 - basic01.html Hello world! CSS3 스타일을 학습하자. basic01.html 실습 결과 HTML 삽입 미리보기할 수 없는 소스 CSS 기본 실습 - basic02.html ID 선택자 hello world 웹 개발과정... basic02.html 실습 결과 HTML 삽입 미리보기할 수 없는 소스 CSS 기본 실습 - basic03.html cl..

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 실습 ..