DAY 08 : iframe, form 태그, input 태그
2022. 1. 19. 15:41
WEB/HTML,CSS
- iframe (inline frame) 해당 웹 페이지 안에 제한 없이 또 다른 하나의 웹페이지를 삽입할 수 있다. 단, 정보보호를 위해 iframe 제한을 둔 사이트들은 새 창으로만 접근할 수 있다. - form 태그 웹 페이지 내에서 사용자로부터 입력을 받은 후 데이터를 모아서 다른 페이지로 전송할 때 사용하는 태그 여러 입력들 (input, textarea,...) - input 태그 사용자에게 입력받기 위해 사용하는 태그 maxlength 값의 최대 길이 size 글 상자의 크기 (값의 길이 X) placeholder 사용자에게 어떤 값을 입력해야하는지 유도, 안내해주는 문자열 값 readonly 읽기전용, 수정할 수 없다. value 실제 값 name 해당 입력이 이름 (데이터 처리쪽에서 식..
DAY 07 : colgroup, 페이지 책갈피, 요소
2022. 1. 17. 14:47
WEB/HTML,CSS
- colgroup 뒤에 나오는 컬럼에 적용할 스타일을 해당 태그에서 미리 적용할 수 있다. 테이블의 첫 번째 열들은 전부 deepskyblue 배경색으로 설정한다. - 페이지 책갈피 현재 페이지에서 이동하고 싶은 부분으로 이동하는 법 요소의 id 속성을 이용해서 간단한 책갈피를 만들 수 있다. 책갈피를 통해 가고싶은 위치 요소에 id속성으로 특정한 문자열 값을 부여해주면 다른 태그에서 href에 가고 싶은 곳의 "#아이디명"으로 작성해 주면 클릭 시 그곳으로 이동한다. 페이지 책갈피 여섯번째 신호등으로 이동! 열세번째 신호등으로 이동! 첫번째 신호등 붉은색 푸른색 그 사이 3초 그 짧은 시간 노란색 빛을 내는 저기 저 신호등이 내 머릿속을 텅 비워버려 내가 빠른 지도 느린지도 모르겠어 그저 눈앞이 샛노..
DAY 06 : 테이블, 병합, 캡션, thead, tbody, tfoot
2022. 1. 17. 13:37
WEB/HTML,CSS
- 테이블 (표를 의미한다.) 혹은 : 열 ... ... tr : 행 (table row) th : 컬럼명, 컬럼제목 (table header) td : 열 ( table data) 테이블 사용해보기! 이름 나이 홍길동 22 김사과 20 - 병합 열 병합 colspan = "합칠 열 개수" : 오른쪽에 있는 셀을 잡아먹으며 병합한다. 행 병합 rowspan = "합칠 행 개수" : 아래쪽에 있는 셀을 잡아먹으려 병합한다. 병합 이용 해보기 ! 셀 병합 테스트 첫 번째 셀 두 번째 셀 세 번째 셀 네 번째 셀 다섯 번째 셀 여섯 번째 셀 일곱 번째 셀 위 사진에서 colspan의 결과가 빨간색으로 표시된 곳이며, 노란색은 rowspan의 결과이다. - 캡션 (Caption) 태그를 이용하면 테이블 상단에 ..
DAY 05 : void 요소, 이미지 태그, 하이퍼 링크
2022. 1. 13. 17:56
WEB/HTML,CSS
- 빈요소, void 요소 (Empty Elements) 여는 태그와 닫는 태그 사이가 없는 요소 "단일 태그" 라고도 하며 주로 문서에 무언가를 첨부하기 위해서 사용된다. - 이미지 태그 웹 페이지에서 주로 사용되는 이미지의 종류 jpeg : .jpg/ .jpeg - 휴대폰, 카메라 사진 gif : .gif - 움짤, 움직이는 이미지 png : .png - 배경을 투명하게 할 때 사용 HTML 문서에 이미지를 삽입할 때에는 태그를 사용한다. (alt는 생략가능) 여기서 경로는 상대경로와 절대 경로 두 가지로 나뉜다. - 상대 경로 현재 위치한 페이지(파일) 기준으로 찾아가는 경로이다. ./ 현재 폴더를 의미한다. ../ 상위 폴더를 의미한다. - 절대 경로 어떤페이지에 있던가에 최상위 경로부터 하나씩 ..
DAY 11 : 익명 클래스, 예외 처리, 오브젝트 클래스
2022. 1. 12. 17:51
WEB/JAVA
- 익명 클래스 (anonymous inner class) 이름이 없는 클래스 (일회용 클래스) 단 하나의 익명 구현 객체를 위한 클래스 익명 클래스 사용하기! public abstract class Animal { String name; String gender; int age; public Animal(String name, String gender, int age) { this.name = name; this.gender = gender; this.age = age; } abstract void makeSomeNoise(); } 먼저 추상 클래스로 Animal이라는 클래스를 만들어 준다. 여기서 메소드인 makeSomeNoise() 또한 추상 메소드로 만든다. public class Ground {..
DAY 04 : 서식 태그, 리스트 태그
2022. 1. 12. 17:46
WEB/HTML,CSS
- 서식 태그 물리적 모양을 지정하는 태그 종류 의미 진하게 기울이기 형광 처리 가로줄 (중간) 밑줄 위첨자, 아래첨자 서식 태그 사용 해보기! strong 태그는 중요한 글자를 굵게 만든다. b 태그는 글자를 단순히 굵게 만든다. em 태그는 중요한 글자를 이탤릭체로 표현한다. i 태그는 단순히 글자를 이탤릭체로 표현한다. mark 태그는 글자를 하이라이팅 처리한다. del 태그는 글자 중간에 가로줄을 그어서 표현한다. ins 태그는 글자 아래쪽에 밑줄을 그어서 표현한다. x2+2x+1 H20 - 리스트 태그 1. 순서가 없는 리스트 내용1 내용2 ... 2. 순서가 있는 리스트 내용1 내용2 ... type 1 : 숫자 (1,2,3,....) a : 알파벳 소문자 (a,b,c,....) A : 알파벳..
DAY 03 : 웹 표준, HTML, ....
2022. 1. 10. 16:33
WEB/HTML,CSS
- www (World Wide Web) 인터넷에 연결된 전 세계 컴퓨터들을 통해 정보를 공유할 수 있는 정보 공간 여기서 웹은 인터넷과 다르며, 인터넷을 기반으로 한 수많은 응용 프로그램 중 하나이다. _ 구글 - W3C (WWW Consortium) WWW을 위한 표준을 재정하고 관리하는 중립적인 기관 - 웹 표준 (Web Standard) - HTML (Hyper Text Markup Language) 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 마크업 언어이다. 여기서 마크업 언어란? 태그 방법 체계를 의미하며, 태그를 이용해서 문서나 데이터의 구조를 표현하는 언어이다. - CSS (Cascading Style Sheet) HTML 없이는 사용이 불가능하다. 구체적으로 어떤 스타일로 요소가..
DAY 02 : 인코딩, HTML, CSS, JavaScript
2022. 1. 10. 16:12
WEB/HTML,CSS
- 인코딩 (Encoding) 문자를 표현, 해석 하기 위한 방식이나 방법들 EUC-KR 완성형, 만들어져 있는 완성된 글자를 찾아온다. UTF-8 조합형, 글자를 만들기 위한 요소들을 하나씩 찾아와서 조합 → 다국어 지원을 위해서는 UTF-8로 페이지의 환경을 설정해준다. - Eclipse에서 인코딩 설정하기 windows > Preferences > enc 검색 > Workspace, CSS Files, HTML Files, JSP Files, XML Files > 인코딩을 UTF-8 로 변경해준다. - HTML 웹페이지의 골격 - CSS 웹페이지의 디자인 -Java Script 웹페이지의 동작 (DB접근은 없음) Hello HTML!