★ Style Tag 볼드체 볼드체입니다. 이탤릭체 이탤릭체입니다. 작은글자 작은글자 H2O표기 H2O 밑줄 밑줄을 긋습니다. 취소선 취소선입니다. 취소선 취소선입니다. 큰 글자 큰 글자 타자기 글자 타자기 글자 중요한 데이터(강조) 중요한 데이터 중요한 데이터(강조2) 중요한 데이터 형광펜 색칠 강조 데이터 한줄 인용구 한줄 인용구 여러줄 인용구 여러줄 인용구 코드 삽입 int a =10 주소 서울시 강남구 역삼동 추가된 데이터 추가된 데이터 삭제된 데이터 삭제된 데이터 폰트 변경 및 수정 텍스트
★ Horizontal Rule, 수평바, 구분자 문단과 문단을 구분하는 역할 단독 태그 ★ 속성 1. size : 선의 두께 2. width : 선의 너비(픽셀:절대크기, %:상대크기) 3. align : 수평 정렬 4. color : 선의 색상 5. noshade : 그림자 유무 6. title : 풍선 도움말(tooltip, hover text) ★ HTML 속성 유형 1. 숫자(단위 없음) 픽셀(px) > 화소 > 화상(이미지)를 구성하는 최소 단위> 단일 색상을 가지는 점 1개 글자수 2. 숫자(단위 %) 100%의 기준이 누구인지 부모 태그 영역을 100으로 하는 상대 단위 3. 열거형 정해져있는 속성값 중 하나를 선택해서 사용 4. 색상 색상명, RGB 5. 플래그형(boolean) 속성명 ..
★ heading, 제목 태그 n : 1~6 , , , , , 쌍태그 혼합형 숫자는 중요도를 나타낸다. > 보이는 형태는 중요하지 않음. : 문서 내에서 가장 중요한 제목 : 문서 내에서 가장 덜 중요한 제목 hn.align : 수평 정렬 소스코드 제목입니다. 1 내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다. 제목입니다.2 제목입니다.3 제목입니다.4 제목입니다.5 제목입니다.6 실행 페이지
★ HTML 태그들의 트리구조로 이루어져 있다. (계층구조) 문서 전체를 감싸는 역할 루트 태그 스스로 하는 일은 없다 > 컨테이너 역할 ★ 태그(Tag), 엘리먼트(Element) 예약어(명령어)를 로 묶어놓은 요소 출력될 웹페이지의 골격 형성 a. 레이아웃 형성 b. 요소를 배치 c. 콘텐츠를 출력 1. 태그 표현 방식 a. 내용물 - 쌍태그 - : 시작태그 - : 끝태그 - 영역을 가지는 태그 b. , , - 단독태그 - 빈태그(Empty Tag) - 영역을 가지지 않는 태그 2. 태그 내용물 형식, Content Type - 내용물 a. 자식 태그 - 또 다른 태그를 내용물로 가진다. - 문자열을 직접 가질 수 없다. b. PCDATA, 문자열 - Parsed Character Data > 파싱 ..
★ 이클립스 환경설정 1. 인코딩(UTF-8 설정) Windows>Preferences General > WorkSpace > encoding CSS : UTF-8 설정 HTML : UTF-8 설정 JSP : UTF-8 설정 2. 이클립스 + 톰캣 연동 Windows>Preferences server -> runtime Environments add > apache tomcat v8.5 browse > C:\class\dev\apache-tomcat-8.5.87(자신의 톰캣 경로) > Finish Perspective를 java EE로 설정하여 사용 하단 server를 클릭한 후, servers에서 apache tomcat v8.5 클릭하여 설정 확인 서버 구동 하단 servers에 있는 서버를 마우스 ..
★ Apache Tomcat 다운로드 https://tomcat.apache.org/download-80.cgi Apache Tomcat® - Apache Tomcat 8 Software Downloads Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions tomcat.apache.org tomcat 8버..
★ 문제 가로, 세로의 크기가 각각 100인 정사각형 모양의 흰색 도화지가 있다. 이 도화지 위에 가로, 세로의 크기가 각각 10인 정사각형 모양의 검은색 색종이를 색종이의 변과 도화지의 변이 평행하도록 붙인다. 이러한 방식으로 색종이를 한 장 또는 여러 장 붙인 후 색종이가 붙은 검은 영역의 넓이를 구하는 프로그램을 작성하시오. 예를 들어 흰색 도화지 위에 세 장의 검은색 색종이를 그림과 같은 모양으로 붙였다면 검은색 영역의 넓이는 260이 된다. ★ 소스코드 import java.io.*; import java.util.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br =..
★ 문제 아직 글을 모르는 영석이가 벽에 걸린 칠판에 자석이 붙어있는 글자들을 붙이는 장난감을 가지고 놀고 있다. 이 장난감에 있는 글자들은 영어 대문자 ‘A’부터 ‘Z’, 영어 소문자 ‘a’부터 ‘z’, 숫자 ‘0’부터 ‘9’이다. 영석이는 칠판에 글자들을 수평으로 일렬로 붙여서 단어를 만든다. 다시 그 아래쪽에 글자들을 붙여서 또 다른 단어를 만든다. 이런 식으로 다섯 개의 단어를 만든다. 아래 그림 1은 영석이가 칠판에 붙여 만든 단어들의 예이다. A A B C D D a f z z 0 9 1 2 1 a 8 E W g 6 P 5 h 3 k x 한 줄의 단어는 글자들을 빈칸 없이 연속으로 나열해서 최대 15개의 글자들로 이루어진다. 또한 만들어진 다섯 개의 단어들의 글자 개수는 서로 다를 수 있다. ..
