HTML (7) 썸네일형 리스트형 HTML 입력 태그, 양식 (7) 1. 태그 -> 사용자로 부터 다양한 형태의 데이터를 입력받기 위해 필요한 입력 요소들을 담는 컨테이너 ★ , , 등의 입력 요소 태그는 모두 안에서 사용되어야 함 - 결과 화면에서는 아무것도 표시되지 않음 속성 명 표현 형태 속성 역할 특이사항 action action="URL" 데이터를 전달받아 처리할 페이지의 URL을 지정 method method="전송방식" 데이터 전송에 사용하는 HTTP 방법을 지정 get 또는 post로 동작 name name="이름" 이름 accept-charset accept-charset="방식" 문자 인코딩 방식 autocomplete autocomplete 자동 완성 기능 enctype enctype="방식" 데이터 인코딩 방식 method="post" 일때만 사용 .. HTML에서 멀티미디어 표현 (6) 1. audio 요소 태그 명 태그 역할 특이사항 외부 애플리케이션이나 상호작용 콘텐츠를 위한 컨테이너 HTML4에서 미 지원 브라우저에서 간단히 오디오 재생 하나의 소스파일에 대해 서로 다른 형식을 갖는 여러 파일을 동시에 지정하기 위한 태그 , 태그의 src 속성의 역할을 대신 수행 1. (1) 태그 속성 속성 명 표현 형태 속성 역할 특이사항 src src="URL" 내장되는 외부 파일의 주소/이름 height height="픽셀" 내장되는 콘텐츠의 높이 width width="픽셀" 내장되는 콘텐츠의 너비 type type="미디어타입" 내장되는 콘텐츠의 미디어타입 1. (2) 태그 속성 속성 명 표현 형태 속성 역할 특이사항 src src="URL" 재생할 오디오 파일의 URL autoplay .. HTML에서 테이블 표현하기 (5) 1. 테이블 기본 형식 태그 명 태그 역할 특이사항 태그 HTML에서 테이블을 정의 태그 (table row) 테이블에서 하나의 줄(행)을 정의 태그 (table data) 테이블에서 데이터가 표시되는 표준 셀을 정의 - 반드시 태그에서 사용 - 왼쪽 정렬로 표시 태그 (table header) 테이블 내부에서 행/열의 제목을 표시하는 헤더 셀을 정의 - 반드시 태그에서 사용 - 가운데 정렬로 표시 태그 테이블 전체에 해당하는 제목을 표시 테이블 상단에 진하게 가운데 정렬로 표시 테이블 기본 형식 예제 테이블 제목 테스트 1x1 셀 1x2 셀 2x1 셀 2x2 셀 3x1 셀 3x2 셀 2. 셀 병합과 요소 배치 태그 명 태그 역할 특이사항 태그 "현재 셀의 위치"에서 n개의 행을 병합 , 태그 내에서만 .. HTML 그림, 링크 표현 (4) 1. 이미지 삽입 방법 태그 명 속성 명 역할 src 문서에 표시 할 이미지 파일 지정 width 이미지 폭 지정 (픽셀, %) height 이미지 높이 지정 (픽셀, %) alt 이미지가 표시되지 않을 때 대체 출력 할 텍스트 지정 usemap 클라이언트 측의 이미지 맵 지정 src 이미지 경로의 경우 3가지로 표현이 가능합니다. (1) HTML 문서와 같은 위치에 이미지가 존재 ex) HTML의 텍스트 표현 방법 (3) 1. HTML 주석 ※ 주석 : 문서 소스의 이해를 돕기 위한 설명을 추가하거나, 현재 사용하지는 않지만 남겨두어야 할 코드들이 있을 때 사용합니다. 주석 처리는 아래와 같이 사용할 수 있습니다. 는 하나의 문자처럼 사용해야 합니다. (각 문자 사이 공백 사용 불가능) 주석 내에서는 , --를 사용할 수 없습니다. 2. HTML 텍스트 사용 관련 태그 태그 기능 특징 줄 바꿈 기능을 수행 (엔터키와 같은 동작) 문단을 나누어 독립 된 단락을 생성 자동 줄바꿈 텍스트 사이에 수평선을 생성 자동 줄바꿈, 종료 태그없이 사용 단락의 제목을 지정 (n은 1~6의 숫자) 굵은 글자, 자동 줄바꿈 자유로운 텍스트 입력 상하 줄바꿈으로 단락을 생성, 들여쓰기 간격 조정 불가능 아래와 같이 태그를 직접 사용해 볼 수 .. HTML의 기본 (2) HTML 문서 작성 시 주의사항 ▣ 태그는 대소문자를 구분하지 않음 - 구분은 하지 않지만 기본적으로 소문자로 표기하는 것을 권장함 ▣ 파일 확장자는 html 혹은 htm으로 생성 ex) test.html, test.htm ▣ 두 칸 이상의 연속되어 있는 공백은 하나의 공백으로 처리함 ▣ 요소 안에 다른 요소를 포함함 ~ HTML 문서 기본 구조 문서의 본문 내용을 입력 ※ 맨 처음 입력하는 는 HTML5 문서의 형식을 알려주는 문구입니다. 해당 문구를 입력해주지 않을 경우 정상적으로 출력되지 않을 수 있습니다. HTML 문서 기본 구조 브라우저에서 HTML 문서의 시작과 끝을 식별할 수 있도록 선언 와 태그는 자세한 포스팅으로 작성할 예정입니다. HTML의 개요 (1) HTML 이란? 웹 페이지를 작성하기 위한 가장 기본적인 언어로 Hyper Text Markup Langeage의 약자로 줄여서 HTML이라고 칭합니다. HTML의 특징 (장점) ▣ W3C에 의한 웹 문서의 표준 - 수정/관리가 용이함 - 웹 접근성의 향상 - 브라우저 등의 호환성을 확보 ▣ 마크업 언어 - 파일 용량이 낮은 편에 속하여 전송에 용이함 ▣ 텍스트 파일 - 간단한 메모장 같은 프로그램으로도 손쉽게 작성 가능 ▣ 시스템과 운영체제에 독립적 - Windows, Linux와 같은 운영체제나 Chrome, internet explorer와 같이 다양한 환경에서 사용이 가능 HTML의 단점 ▣ 문서의 외적 표현에 편향 - 문서의 내용에 대해 정보를 표현할 때 어려움이 존재 ▣ 구조화된 정보의 표현 .. 이전 1 다음
