HTML (6) 썸네일형 리스트형 6. form 및 input 입력 양식 태그 태그는 사용자의 입력을 다른 페이지나 프로그램에 전달하기 위한 태그이다. 1. 속성 action : 입력한 데이터가 전달될 url을 지정. (대상 = jsp, asp, php, 프로그램) method : 입력한 데이터를 전달하는 방식을 지정. GET(기본값)/POST 2. 전송 방식 GET : 주소창에 입력한 데이터가 노출됨. 보안상 문제가 없는 짧은 데이터 전송에 적합. POST : 주소창에 입력한 데이터가 노출되지 않음. 길고, 보안상 문제가 있는 데이터 전송에 적합. 입력 태그 태그는 사용자의 입력값을 받기 위한 태그로, 사용자의 입력값은 모두 문자열로 취급되며(산술 연산 불가) 산술 연산을 할 경우 숫자로 변환해야 한다. 1. 기본 속성 type : input 태그의 모양을 결정하.. 5. 영역 처리/시맨틱 공간 분할 태그 공간 분할 태그는 다음과 같이 세 가지가 있다. 1. 브라우저 전체 공간을 기준으로 일정 영역을 설정하는 태그로, 크기를 지정하면 고정되며 블록 요소이다. 2. 브라우저의 일부 공간(블록 요소의 일부)을 설정하는 태그로, 인라인 요소이기 때문에 크기 요소 변경이 불가능하다. 3. 한 페이지를 여러 html로 구성할 수 있다. ifame을 사용한 공간 분할 인사말 강의 소개 강사 교육원 홈페이지 * 위 소스코드 속 html 파일을 추가로 만들어줘야 정상 실행됨. 시맨틱 태그 시맨틱 태그는 페이지 영역에 의미를 부여하는 태그로, CSS가 적용되지 않을 경우 특별한 모양이나 형식을 보이지는 않는다. 페이지 완성 또는 작업 중, 유지보수 등을 작성할 시 해당 영역을 쉽고 빠르게 찾아서 처리하는 .. 4. 오디오/비디오/특수문자 오디오 파일 삽입 오디오 파일을 삽입할 때는 태그를 사용하며, 파일 종류는 mp3, ogg, wav 등이 있다. 1. 속성 src : 오디오 파일의 위치 정보 controls : 재생 제어기 표시 Loop : 반복 재생 autoplay : 문서가 출력됨과 동시에 자동 재생(안 됨) muted : 음소거 상태로 시작 preload : 재생 전에 미리 다운로드 ex) 오디오파일을 재생할 수 없습니다. 1. bear.mp3를 재생. 2. 만약 브라우저에서 mp3를 재생할 수 없으면, bear.ogg를 재생. 3. 만약 브라우저에서 ogg를 재쟁할 수 없으면, bear.wav를 재생. 4. 모두 재생할 수 없으면, 마지막 문장을 출력. 5. 파일 세 가지 모두 존재해야 함. 비디오 파일 삽입 비디오 파일을 삽입.. 3. List 및 Table 문서 내 List 출력 1. 순서 목록(Ordered List) 숫자, 알파벳 등으로 넘버링하여 목록을 출력한다. type 속성으로 순서 표기 방식 변경 ex) type="1" -> 1. 2. 3. 4. ... type="A" -> A. B. C. D. ... type="a" -> a. b. c. d. ... type="I" -> I. II. III. IV. ... type="i" -> i. ii. iii. iv. ... 2. 비순서 목록(Unordered List) 도형을 사용하여 목록을 출력한다. style 속성으로 표기 모양 변경 ex) style="list-style-type: disc;" - ● style="list-style-type: circle;" - ○ style="list-style-t.. 2. 기본적인 태그 알아보기 서식 처리용 태그 서식 처리용 태그는 프레이징 콘텐츠용으로 글자의 모양을 바꾼다. 1. 글자 태그 제목 태그(h1 ~ h6) : 제목 요소를 작성하는 태그. 본문 태그(p) : 본문 요소를 작성하는 태그. 단축 태그로 줄바꿈 기능으로만 사용이 가능하다 => 2. 서식 태그(In-line Element) , , , , , , 등 그중 , 은 스크린 리더에서 강조 처리된다. 다양한 글자 서식들 이 문장에서 여기는 굵은 글씨(볼드체)로 출력됩니다. 이 문장에서 여기는 굵은 글씨(볼드체)로 출력됩니다. 이 문장에서 여기는 이텔릭 글씨로 출력됩니다. 이 문장에서 여기는 이텔릭 글씨로 출력됩니다. 이 문장에서 여기는 마킹됩니다. 이 문장에서 여기는 삭체 처리로 출력됩니다. 이 문장에서 여기는 삽입 처리로 출력됩니다.. 1. HTML 기초 HTML(Hyper Text Mark-up Language)이란? 전자 문서 작성 표순으로 문서의 골격을 만들기 위한 언어이다. 한 문서는 여러 요소로 구성되어 있으며, 요소는 태그(Tag)와 속성(Attribute)로 구성되어 있다. HTML(Hyper Text Mark-up Language)이란? 요소의 형태 내용 요소의 종류 블록 요소(Block Element) : 한 줄을 차지하는 요소로 줄을 바꿀 수 있다. 인라인 요소(In-line Element) : 한 줄의 일부를 차지하는 요소로 줄을 바꾸지 않는다. 태그 종류 단축 태그 : 시작 태그와 종료 태그 사이에 들어갈 '내용(Content)'이 없으면 시작·종료 태그를 하나로 합쳐서 사용한다. Emty 태그 : 종료 태그 없이 시작 태그만 있는 .. 이전 1 다음
