반복문(WHILE, DO..WHILE, FOR)


WHILE, DO..WHILE 문


while (조건) {

실행문;

}

* 조건이 참인 동안 실행문이 반복되어 실행된다.

* 반복을 벗어나기 위해서는 실행문내에 조건을 변경하거나, break 문이 필요하다.

* 조건에 변화가 없으면 무한 반복된다.

* 조건은 실행문이 반복될 때 마다 반복해서 실행된다.


ex) while 문을 이용하여 1에서 10까지 출력

$a=1;

while($a<=10){

echo $a."<br>";

$a++;

}


결과





do {

실행문;

}while(조건)


* While문의 병형으로 일단 실행문 실행되고 조건이 검사된다.

* While문과 다른 점은 조건이 처움부터 거짓이라도 실행문이 한번은 실행이 된다.

* 현재는 거이 쓰지 않다 ㅠㅠ


앞써 보여준 1에서 10까지 출력을 Do while 문으로 바꾸면

$a = 1;

do{

echo $a."<br>";

$a++;

}while($a<=10);


결과는 똑같다.



이렇게 된다.


while문을 이용한 홀/짝수의 합을 구하기!

test.html


화면 


test.php

결과값 : 



for 문


for(초기식; 조건; 증감식){

실행문;

}


* 조건이 참인 동안 실행문을 반복 실행한다.

* 초기식은 맨 처음 한번만 실행된다.

* for문은 반복횟수를 구체적으로 확인 가능, 가장 가독성이 좋다.


ex) for문을 이용하여 1에서 10까지 출력

for($a=1; $a<=10; $a++){

echo $a."<br>";

}




Continue문


Continue문은 반복문 내에서 쓰이는 제어문이다.

이런 제어문은 break문도 있는데 ,

break 문은 반복문을 완전히 빠져나오는 기능을 하는 반면,

continue문은 현재 수행중인 반복을 종료하고 다음 반복으로 건너뛰는 기능을 담당한다.



'PHP' 카테고리의 다른 글

[PHP] Date 함수  (0) 2017.08.14
[PHP] str_replace  (0) 2017.08.14
[PHP] 조건문 Switch  (0) 2017.07.04
[PHP] 조건문 - IF문  (0) 2017.07.03
[PHP] 연산자  (0) 2017.07.03

 CSS(Cascading Style Sheet)


(1) 디자인의 효과적인 관리

(2) 웹 디자인의 표준화

(3) version : 1.x -> 2.x -> 3.x

(4) 사용방법

1) Inline Style

- 태그 안에서 직접 사용하는 방식(즉흥적)

-style이라는 속성을 통해서 사용

2) Internal Style

3) External Style

- 별도의 .css 파일을 만ㄷ르어서 불러다 사용하는 방식

- 여러 페이지에서 재사용 가능

(5) 문법

Selector -> 디자인이 적용될 위치 선택

Selector {property:value; property:value;}

(6)property 정리

1) font관련

font-family : 글꼴

font-size : 크기

font : 여러개의 속성을 하나로 묶어서 상요할때

font-style : normal, italic, oblique

font-weight : 굴자 굵기

line-height : 줄간격

font-variant : 텍스트를 작은 대문자로

2)색상 및 이미지 관련된

color : 글자색

background-color : 배경색

background-image : 배경 이미지의 반복방법지정

background-attachment : 배경이미지의 고정 여부

background-position : 배경이미지의 시작위치

3) Text 관련

text-transform : 대문자를 소문자로 소문자는 대문자로

text-align : 수평적인 정렬 left right center

text-indent : 문단의 들여쓰기

text-decoration : 텍스트에 더해진느 여러가지 장식

vertical-align : 위아래 가운데 수직적인 정렬 top middle bottom

line-height

4) 여백 관련

- 가장 바깥쪽 여백

margin-top, margin-left, margin-rignt, margin-bottom

- 가장 안쪽 여배

padding-top, padding-left, padding-rignt, padding-bottom

- 경계선 여백 (바깥쪽과 안쪽의 중간 여백)

border-top, border-left, border-right, border-bottom

border-width, border-style, border-color

(7) 상속

1) 독립적 상속

- 하나의 태그가 다른 태그를 포함할 경우, 그 포함된 태그는 포함하는 태그

스타일의 영향을 받는다.

- 만약 상속을 거부할 경우, 다시 포함된 태그에서 프로퍼티를 지정해주면 된다.

2) 선택적 상속

- A태그안에 B태그를 포함시켜 정의하는 방식으로 

B태그는 A채그 영역에서만 유효한 값을 지닌다.

ex) 

h1 span{} : h1안에있는 span 태그만 사용하겠다는 선택적 상속

(8) 원하는 디자인 골라서 사용하기

1) Class

ex) h1.bl{color:blue;}

-> h1 class b1의 글자색은 파랑색으로 한다.

2) id

ex) h1#b1{color:blue;}

'HTML|CSS' 카테고리의 다른 글

[HTML5] a의 Download 속성  (0) 2017.08.23
[웹 프로그래밍] HTML (Hyper Text Markup Language)  (0) 2017.07.14

<>(태그)를 사용하여 사용하는 언어

    <시작태그> 데이터 </끝태그> (Element : 시작태그와 끝태그 한쌍으로 묶은 것) 

(2) 디자인을 위한 언어

(3) 웹브라우저에서 컴파일 및 실행

(4) HTML4.x -> XHTML -> HTML5

(5) 문법

프롤로그

<html>

<head></head>

<body></body>

</html>

작성 규칙

1. 모든 태그는 반드시 시작태그와 끝태그로 이루어져야함.

2. 모든 태그명은 반드시 소문자

3. 속성값은 반드시 '' 나 ""로 묶어준다.

4. single value는 프로퍼티명="값" 형식으로 작성



<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html : charset=utf-8">

<title>헤더에 관련된 정보</title>

</head>

<body >

<!--글자의 크기 -->

<h1 align = "center">가장큰글자</h1>

<h2 align = "left">두번째로큰글자</h2>

<h3 align = "right">세번째로글자</h3>

<h4>네번째글자</h4>

<h5>다섯번째글자</h5>

<h6>여섯번째글자</h6>

<!--줄바꿈 : <br> -->

이것은

줄바꿈이

되나?

<hr/><!--시작태그와 끝태그사이에 아무것도 없을경우 이렇게 쓴다.-->

</body>

</html>



'HTML|CSS' 카테고리의 다른 글

[HTML5] a의 Download 속성  (0) 2017.08.23
[웹 프로그래밍] CSS(Cascading Style Sheet)  (0) 2017.07.14

+ Recent posts