MUMYEONG

기본 선택자 1) 전체 선택자 모든 요소를 선택 2) tag 선택자 태그 이름이 ABC인 요소 선택 3) class 선택자 HTML class 속성의 값이 ABC인 요소 선택 4) id 선택자 HTML id 속성의 값이 ABC인 요소 선택 복합 선택자 1) 일치 선택자 선택자 ABC와 XYZ를 동시에 만족하는 요소 선택 2) 자식 선택자 선택자 ABC의 자식 요소 XYZ를 선택 3) 하위(후손) 선택자 선택자 ABC의 하위 요소 XYZ선택 4) 인접 형제 선택자 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택 5) 일반 형제 선택자 선택자 ABC의 다음 형제 요소 XYZ 모두를 선택

부가가치세 계산기 (공급가액으로 계산하기) 코드 package project01_mini; import java.text.DecimalFormat; import java.util.Scanner; public class Ex01_ValueAddedTaxApp { public static double valueOfSupply; public static int vatRate = 10; public static double getVat() { return valueOfSupply / vatRate; } // getVat public static double getTotal() { return valueOfSupply + getVat(); } // getTotal public static void main(Str..

자바 로또 프로그램 만들기 (배열이용, 랜덤숫자, 중복제거, 오름차순 적용) 코드 import java.util.Arrays; import java.util.Random; public class randomLottoApp { public static void main(String[] args) { int[] lotto = new int[6]; Random random = new Random(); // 랜덤번호 생성 for (int i = 0; i < lotto.length; i++) { lotto[i] = random.nextInt(45) + 1; // 중복번호 제거 for(int j = 0; j < i; j++) { if(lotto[i] == lotto[j]) { i--; break; } } } // ..

테이블(Table)태그 데이터를 보기 좋게 정리하여 보여주는 표를 만들때 사용하는 태그이다. 1) table 속성 테이블 표를 감싸는 태그 2) tr(table row) 속성 테이블 표 내부의 행 3) th(table heading) 속성 테이블 표 내부의 제목 열 4) td(table data) 속성 테이블 표 내부의 내용 열 5) border 속성 테이블 표 테두리 두께 6) colspan 속성 가로 행 병합 7) rowspan 속성 세로 열 병합 코드 월 화 수 목 금 1교시 과학 국어 영어 수학 과학 2교시 국어 수학 미술 국어 3교시 사회 수학 사회 도덕 4교시 도덕 과학 음악 영어 수학 결과

오디오(Audio)태그 HTML5 이후에 도입된 audio태그를 사용하여 웹 페이지에 오디오를 삽입할 수 있다 1) controls 속성 오디오의 재생 도구를 표시해준다. 2) autoplay 속성 오디오 파일을 자동재생시켜준다. 3) src 속성 오디오 파일의 경로 지정한다. 4) type 속성 오디오 파일의 유형과 확장자를 지정한다. 코드 결과

비디오(Video)태그 HTML5 이후에 도입된 video태그를 사용하여 웹 페이지에 비디오를 삽입할 수 있다. 1) controls 속성 비디오의 재생 도구를 표시해준다. 2) autoplay 속성 비디오 파일을 자동재생시켜준다. 3) width 속성 비디오의 너비를 지정한다. 4) height 속성 비디오의 높이를 지정한다. 5) src 속성 비디오 파일의 경로 지정한다. 6) type 속성 비디오 파일의 유형과 확장자를 지정한다. 코드 결과

목록(List)태그 웹페이지에서 내용을 일렬로 나열하거나 목록 형태로 지정하기 위해 사용한다. 웹페이지에서 내비게이션 바를 만들 때 주로 사용한다. 리스트의 종류에는 순서가 없는 목록(ul)과 순서가 있는 목록(ol) 태그가 있다. ol태그는 속성을 통해 순서타입을 변경할 수 있다. 1) ul(순서가 없는 목록) 코드 호랑이 사자 늑대 표범 치타 결과 2) ol(순서가 있는 목록) 코드 고래 돌고래 상어 물개 바다표범 결과 3) 중첩 목록 태그 코드 육상동물 호랑이 사자 늑대 표범 치타 바다동물 고래 돌고래 상어 물개 바다표범 결과 4) 속성(type) 모음 1 : 숫자(기본값) A : 알파벳 대문자 a : 알파벳 소문자 I : 로마숫자 대문자 i : 로마숫자 소문자 코드 숫자 숫자 숫자 알파벳(대) 알..

이미지태그 웹페이지에 이미지를 삽입하는 경우에 사용한다. 1) src 속성 이미지 파일의 경로 또는 URL을 넣는다. 2) alt 속성 이미지 파일이 없을 경우 표시된다. 3) width 속성 이미지의 너비를 지정한다. 4) height 속성 이미지의 높이를 지정한다. 코드 결과(이미지가 있는 경우) 결과(이미지가 없는 경우)