HTML

    [HTML/CSS] 멀티미디어와 입력 양식

    4. 멀티미디어와 입력 양식 4.1 오디오- 오디오 파일은 mp3, wav, ogg 등이 지원됨- controls : 화면에 제어기가 표시됨 4.2 비디오비디오파일은 mp4, webm, ogg 등이 지원됨 4.3 iframeinline frame, 웹페이지 내부에 다른 웹페이지를 표시할 경우 사용 4.4 divide, 페이지를 논리적인 섹션으로 분리할 때 사용 4.5 줄바꿈이 없는 태그 4.6 html 입력 양식전송할 데이터들 4.7 데이터의 전송방식4.7.1 post 방식body를 통해 정보 전송정보가 주소창에 노출되지 않음대용량 자료 전송 가능 4.7.2 get 방식데이터를 header에 붙여서 전송(주소창에 표시)기본적인 방식, 보안에 취약http://localhost/login.jsp?userid..

    [HTML/CSS] 이미지와 하이퍼링크

    3. 이미지와 하이퍼링크 3.1 이미지

    [HTML/CSS] HTML5 기본 태그

    2. HTML5 기본 태그 2.1 기본 태그 2.1.1 줄바꿈 BReak line- 웹에서는 엔터키는 무시되고 태그를 입력해야만 함 2.1.2 문단 나누기 Paragraph 2.1.3 입력한 그대로 출력 2.1.4 제목 ~ 2.1.5 주석 : 2.1.6 수평선 : 2.1.7 특수 문자2.1.8 공백문자 : 2.1.9 리스트 번호없는 리스트 Unordered List 번호있는 리스트 Ordered List 항목 2.1.10 테이블테이블의 행 Table Row테이블의 셀 Table Division셀 병합 : colspan행 병합 : rowspan테이블의 제목 : 2.1.11 tag의 id와 name- id : 중복 불가능, javascript/jQuery에서 참조, , jQuery에서 참조할 경우 : $("..

    [HTML/CSS] 개발환경 설정 및 HTML의 개요

    1. 개발환경 설정 및 HTML의 개요 1.1 개발환경 설정 1.1.1 컴퓨터 초기화 : 개인 데이터 백업, IP 주소 메모 1.1.2 웹 프로그래밍 실습에 필요한 프로그램 설치원할한 실습을 위해 디렉토리를 통일할 것을 권장함html 실습을 위한 툴들은 다양함Notepad, 드림위버, Visual Studio, Eclipse 등 다양한 툴로 실습이 가능하나 본 과정에서는 자바 기반의 웹 프로그래밍 실습을 위주로 진행되기에 자바 기반의 Eclipse를 활용하여 실습을 진행함('추후 Atom으로도 사용 예정) 1.1.3 크롬 브라우저 설치 1.1.4 자바 설치Eclipse는 자바 기반의 프로그램이기 때문에 먼저 자바를 설치해야 함 현재 자바 최신 버전 jdk 10.0.1, Eclipse 최신 버전은 Phot..