반복문
for(변수 초기화식 ; 조건식 ; 증감식)
loop안에 변수는 지역변수 이므로 밖에서는 사용할 수 없다.
for( ; ; ) 는 무한루프이다.
for(int i=1;i<=3;i++)
{
System.out.println("Hello World!"+i);
}
System.out.println("The end");
int j=5;
for(;j>0;j--)
{
System.out.println("Hi Java"+j);
}
System.out.println(j);
별 출력하기
for문안에 for문
class ForTest3
{
public static void main(String[] args)
{
for(int i=0;i<3;i++){
for(int j=0;j<5;j++){
System.out.print('*');
}
System.out.println();
}
}
}
*****
*****
*****
while 문
변수 선언문, 초기화;
while( 조건식 ){
반복실행할 문장;
증감식;
}
조건식이 true이면 실행할 문장을 수행한다.
int a=1;
while(a<5){
System.out.println("ok");
a++;
}
System.out.println(a);ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
HTML5
<label>이메일</label>
<input type="email" name = "userEmail">
<p></p>
<button>회원가입 </button>
button은 기본이 submit 기능이 들어 있다.
button인데 다시쓰기
<button type="reset">다시쓰기</button>
<button type="button">일반버튼</button>
<button type="button" onclick="alert('Bye')">알람버튼</button>
type을 email로 주면 자바스크립트를 사용하지 않고도 이메일 형식에 맞는지 간단히 처리할 수 있다. 형식에 맞지 않으면 submit하지 않는다.
또한 multiple 속성을 추가하면 콤마(,)로 연결하여 이메일을 여러개 입력할 수 있다.
<input type="text" name="uname" required>
required라는 속성이 있으면 입력해야 제출할 수 있다.
기존에는 이러한 옵션이 javascript 를 통해서 진행되었다.
<input type="url" name="homepage" id="homepage">
file, http, https, ftp 프로토콜 등을 필수적으로 입력해줘야한다.
<input type="tel" name="tel" id="tel">
모바일 기기에서 이 형식을 사용하는 경우 숫자 패드가 나타난다.
<input type="date" name="birth" id="birth" min="1999-01-29" max="2022-12-25">
입력시 달력이 나온다.
<input type="time" name="birth2" id="birth2" >
입력시 시간이 나온다.
<input type="number" name="old" id="old" min="1" max="130">
수량을 입력받을때 number
<input type="range" name="red" id="red" >
게이지바가 나온다.
<input type="color" name="cr" id="cr" value="#000000">
색깔 창이 나온다.
<input type="search" name="find" id="find" placeholder="검색어를 입력하세요" >
text와 많은 차이는 없지만 x 버튼이 있어 한 번에 지울 수 있다.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
CSS (Cascading Style Sheet)
CSS3 스타일 선언 형식
선택자(selector) -스타일을 적용할 대상을 지정 -특정 태그 영역만 원하는 스타일 또는 특별한 기능(제이쿼리 사용)을 적용
스타일 속성(property) 블록 -선택자에 의해 선택된 영역에 적용할 색상, 크기 등의 구체적인 스타일을 명세
-스타일 속성 블록은 중괄호({ })로 둘러싸며 하나 이상의 스타일 속성 선언을 포함
스타일 속성 이름
-선택자에 대해 어떤 스타일을 부여할지 적용할 실질적인 기능에 해당하는 이름을 지정(기능을 쉽게 유추할 수 있는 단어로 구성)
스타일 속성 값 -스타일 속성의 종류에 따라 설정 값의 유형과 범위가 제한됨
-의미를 표현하는 키워드나 숫자를 단위와 함께 명세
margin 바깥 여백
padding 안쪽 여백
width : 800px;
background-color : #ffffcc;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>전체/태그 선택자</title>
<style type="text/css">
*{ /*전체 선택자*/
color : blue;
}
body{/*태그 선택자*/
padding : 50px; /*안쪽 여백*/
}
b{
color : tomato;
font-size : 16px;
font-family : verdana, 궁서체;
}
p{
background-color : gold;
width : 300px;
height : 50px;
padding : 10px;
font-size : 2em; /*기본 글자 크기의 2배*/ }
</style>
</head>
<body>
안녕하세요<br>
<b>CSS3.0</br>을 배워봅시다.
<p>HTML을 보완하는 요소 => CSS입니다.</p>
<b>bye~</b>
</body>
</htmll>
'개발자 > 국비지원 SW' 카테고리의 다른 글
| 국비지원 8일차 - method(가위바위보), 클래스 멤버(변수), CSS table 위치, Integer api 이용 예제 (0) | 2020.04.21 |
|---|---|
| 국비지원 7일차 - dowhile 문, break 문, continue 문, JAVA API, CSS외부정의, style selector (0) | 2020.04.20 |
| 국비지원 5일차 - System.in() , Scanner로 char 받기, form태그(get, post) (0) | 2020.04.16 |
| 국비지원 4일차 - 조건 연산자, 연산 우선순위, 제어문, 미디어태그, 공간분할 태그, html Escape 문자 (0) | 2020.04.14 |
| 국비지원 3일차 - 변수, 연산자, 테이블 태그, Scanner (0) | 2020.04.13 |