★ Form 입력 양식, 입력 컨트롤 클라이언트(사용자)로부터 입력장치(키보드,마우스 등)를 통해서 데이터를 입력 입력 데이터 > 서버로 전송!! > 업무 활용 or DB저장 등.. 모든 입력 컨트롤을 감싸는 컨테이너 입력값을 서버로 전송하는 역할 1. form.method 데이터를 전송하는 방식 1. get 전송되는 데이터를 URL에 붙여서 전송하는 방식 편법 전송되는 데이터가 노출(주소창) > 보안 X http://localhost:8090/client/html/ex19.jsp?data=java 노출되면 안되는 데이터 절대로 get으로 전송 금지!! URL(최대 256자) > Overflow > 짤림 > 대량의 데이터 전송금지(655535바이트) 2. post 전송되는 데이터를 패킷안에 넣어서 전송하..
★ 문제 1 body 태그의 배경 이미지를 설정하시오. 적당한 텍스트와 적당한 배경 이미지를 사용하시오. 소스코드 강아지 강아지가 청가방에 들어가 웃고 있습니다. 강아지, 강아지, 강아지, 강아지, 강아지, 강아지, 강아지, 강아지,강아지, 강아지 강아지가 혀를 메롱합니다. 강아지, 강아지, 강아지, 강아지, 강아지, 강아지, 강아지, 강아지,강아지, 강아지 출처 : 2019 웃는 강아지 우니 실행화면 ★ 문제 2 제목과 문단을 작성하시오. 소스코드 안녕하십니까? ㈜대림 대표이사 이근모입니다. ㈜대림 홈페이지를 찾아주신 여러분을 진심으로 환영합니다. ㈜대림은 1994년 석유화학도매업으로 사업을 시작한 이래 물류, 해운, 건설, 부동산, IT 등 다양한 분야로 사업을 다각화하며, 세계 시장을 무대로 하는 ..
★ 표, Table 1. 큰상자 전체 컨테이너 2. table row 중간 상자 행 역할 3. table data 작은 상자 셀 역할 데이터를 저장하는 역할 4. table header 제목 역할 작은 상자 5. 에서 생략되서 사용되는 것 있으나 없으나 상관 없음, 잘안씀 관리용도 중간 컨테이너 6. 에서 생략되서 사용되는 것 있으나 없으나 상관 없음, 잘안씀 관리용도 중간 컨테이너 7. 아래에 들어가는 것 있으나 없으나 상관 없음, 잘안씀 관리용도 중간 컨테이너 ■ 소스 코드 1. 2행 2열 테이블 2행 2열 테이블 1 2 3 4 실행결과 2. 이미지가 삽입된 테이블 이미지가 삽입된 2행 2열 테이블 3 4 실행결과 3. valign 사용 테이블 옵션 = center, bottom, top 2행 2열 ..
★ 태그(Tag) 인라인 태그 vs 블럭태그 모든 태그는 위의 두 분류 중 하나에 속한다. 렌더링(Rendering, 태그를 화면에 출력하는 작업) 규칙이 서로 다르다. ■ 인라인 태그, Inline Tag 자신의 내용물과 앞뒤의 다른 태그의 내용물을 같은 라인에 출력한다. 이유 : 내용물의 크기가 태그의 영역이다. PCDATA(텍스트)는 인라인 태그로 취급한다. 인라인태그 : 스타일태그, , etc.. ■ 블럭태그, Block Tag 자신의 내용물과 앞뒤의 다른 태그의 내용물을 다른 라인에 출력한다. 이유 : 내용물의 크기와 상관없이 한 라인을 독점한다.(너비 100%) 높이는 내용들의 크기와 동일 블럭태그 : , .., , , , , ■ 소스코드 링크1 링크2 링크3 문단1 문단2문단2문단2문단2문단..
★ Visual Studio Code 다운 https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com download - system - window 6..
★ 이미지, Image 단독태그 img.src source 이미지 파일 URL 필수값 img.alt alternate text > 대체 문자열 이미지가 올바르게 표시되지 않았을 때 대신 보여주는 문자열 필수값 img.width 가로길이 width="250" img.height 높이 height="300" ■ 소스코드 ■ 실행결과
★ 링크, LINK , anchor 링크 속성 a.href : 클릭하면 이동하는 URL 지정 a.target : 페이지 이동 방식. _self : 보고 있는 창에서 페이지 이동 _blank : 새 창에서 페이지 이동 _parent _top 사용 ex) 외부 링크 네이버로 이동합니다. 사용 ex2) 내부 링크 첫번째 예제 사용 ex) 이동방식 열번째 예제 열번째 예제 ★ anchor 테그 변수 소스코드 자바 정리 "변수" "메소드" "클래스" "인터페이스" 변수 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다. 내용입니다..
★ List, 목록 1. 순서가 있는 목록 + Ordered List List item 2. 순서가 없는 목록 + Unordered List List Item 3. 용어 정의 목록 + + Definition List Definition Term Definition Description ■ 사용 ex) 1. 순서가 있는 목록 수업 복습하기 강아지 산책하기 운동하기 팔굽혀펴기 달리기 스쿼트 방청소하기 컴퓨터 포맷하기 2. 순서가 없는 목록 수업 복습하기 강아지 산책하기 방청소하기 컴퓨터 포맷하기 3. 용어 정의 목록 용어 설명입니다. 클래스 클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스는 어쩌구 저쩌구~클래스..
