스터디/HTML & CSS8 HTML 파일을 사용자가 이용할 수 있는 원리 request web brower ======> web server(WAS) - hello1.jsp 회원가입(.html) 2021. 9. 9. HTTP 상태 404 - 찾을 수 없음 .html 파일 실행 시, 종종 HTTP 상태 404 에러가 발생하는 것을 볼 수 있습니다 이러한 에러는 왜? 나는 것일까요? 404 에러 중 file not found 혹은 찾을 수 없음이라고 나타나는 것을 확인할 수 있습니다. 이는 보통 파일명 혹은 경로 상 잘못 기입이 되어있어 파일을 찾지 못했을 경우 나타납니다! 따라서, 요청된 리소스의 파일명 혹은 경로가 정확한지 확인을 해보시고, 다시 실행을 시도해 보세요! 저의 경우, form Tag안의 action 부분에 기입된 파일명 오타로 인하여 에러가 발생하였습니다. 코드 안의 데이터를 보내는 파일 경로 등을 꼼꼼히 확인하여 주세요! 2021. 9. 7. HTML Tag 모음과 활용 예시3 - <input> [Input Tag] 1. 속성 - type : 타입 지정 - "text" : 글상자(textfield) 자바에서 setText() - "password" : 입력 시, 암호화 되어 *로 표시 - "email" : 이메일 - "tel" : 전화번호 - "month" : 년월 - "week" : 년월주 - "date" : 년월일 - "time" : 시간 - "datetime-local" : 년월일 시간 - "color" : 색상표 - "number" : 숫자만 입력 - "range" : 범위설정 - "url" : url 주소로 이동(http://가 없으면 입력하라고 나옴) - "search" : 검색(크롬이나 사파리에서 검색 끝에 X표시 나옴) - "submit" : 서버로 전송 버튼 - "reset" :.. 2021. 9. 7. HTML Tag 모음과 활용 예시2 - <form> [Form Tag] 1. 속성 - action : 서버에 있는 어떤 파일을 찾아가는 지 지정 .jsp .java servlet(웹자바) - method : 전송방식(get(기본), post) ※ 입력 미완료된 상태로 서버 전송되는 에러 해결 1) '입력 시. Tab키만 사용하십시오'명시 2) 프로그램을 작성하여 해결 (javascript) 3) HTML5의 required 사용 [form Tag 예시] ☞ hello.jsp로 "get" 방식으로 데이터 전송 이름 전화번호 이메일 생일 2. 데이터 전송 방식 - get : 기본형 head 또는 body로 처리(head로 전송) 전송 내용이 전부 출력됨 보안문제 관계없는 경우 사용 head – 전송 내용 노출됨, 작은 용량(128byte~2k), 길이 고정(.. 2021. 9. 7. HTML Tag 모음과 활용 예시 1 * => CSS가 Tag에서 사용될 때 배경색은 bgcolor 노랑, 글자색은 text 파랑 ont 변경, 색상 빨강 10point @>>===--- Tag 이름 의미 활용 예시 ~ 제목 크기(굵게/한줄 띄기 포함) h1 Tag h2 Tag 굵은 글씨 b Tag : 굵은 글씨(bold) 이태리체 i Tag : 이태리체(italic) 밑줄 u Tag : 밑줄(underline) 깜빡임(이전 IE 버전에서 사용) blink Tag : 깜빡임, 이전 IE 버전, 지금은 사용안됨 취소선 strike Tag : 취소선 code 타이핑 글씨체 code Tag : typing 글씨체 밑 지수 sub Tag : 밑 지수 윗 지수 sup Tag : 윗 지수 단락 표시 텍스트 정보 입력 줄 바꾸고 한 줄 더 띄기 Tag .. 2021. 9. 6. HTML DOCTYPE 및 기본 구조 HTML DOCTYPE 이란? Doctype : 브라우저가 html의 결과물을 정확히 표현할 수 있도록 도와준다 Ref. html 4.01 transitional ...flexible => 문법상 버전이 안 맞을지라도 유연하게 허용하여 준다 xhtml 1.0 transitional ...strict => 문법상 버전이 안 맞을 시, 엄격하여 ifram 등과 같은 특정요소를 사용할 수 없다 HTML 기본구조 : HTML 버전 확인 가능 : HTML 문서의 Root 요소 정의 : 웹 브라우저를 통해 보이는 내용(Content) 부분 ☞ HTML5로 작성된 것을 의미 안녕 HTML 나도 안녕 반 가워 나도 줄바꿈 나도! ☞ : 한칸 띄어쓰기 표시 Space bar 사용할 시, 축소되어 출력됨 비 연속 빈칸은 .. 2021. 9. 6. Tomcat 설치 및 환경설정 Tomcat 설치 및 환경설정 급하신 분들은 https://tomcat.apache.org/download-80.cgi 로 접속! 3)부터 시작~! 1) 구글에 톰캣 홈페이지 접속 http://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are pa.. 2021. 9. 4. HTML 이란? HTML 이란? Hyper Text Markup Languae의 약어 팀 버너스리가 개발한 웹페이지를 작성하기 위한 언어 글과 이미지를 나타낼 수 있으며, 태그(Tag)를 사용하여 웹 페이지를 디자인하는 마크업 언어(프로그래밍 언어X) 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공 웹 브라우저를 통해 구현된 웹 페이지를 볼 수 있음(HTML의 경우, Interpreter(In browser(브라우저))에 해당) .html 확장자로 표시됨 * 마크업 언어 : 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지 * 프로그래밍 언어 : 컴퓨터 시스템을 구동시키는 소프트웨어(프로그램)을 작.. 2021. 9. 4. 이전 1 다음
