학습(공부)하는 블로그 :: '분류 전체보기' 카테고리의 글 목록 (246 Page)
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

02-15 20:35

 
 
반응형

1. 연산 기능에 따른 분류


○ 연산자의 종류

이름

연산자 

부호 연산자

+, -

산술 연산자

+, -, *, /, % 

증감 연산자

++, --

대입 연산자

=, +=, -=, /=, %=, |=, ^=, >>=, >>>=, <<= 

관계 연산자

==, !=, >, <, >==, <== 

논리 연산자

&&, ||, ! 

비트 연산자

&, |, ~, ^, >>, >>>, << 

조건 연산자

? :

캐스트 연산자

(type) 



2. 자주 사용하는 연산자의 종류


○ 기본 연산자 : 수학의 사칙연산

연산자 

연산 

+

더하기 

a + b

-

빼기

a - b

*

곱하기 

a * b

/

나누기 

a / b

%

나머지

a % b


○ 대입 연산자

연산자

연산 

값을 대입 

a = 10 

+= 

현재 값에 더하기 

a + = b (a = a + b) 

 -=

현재 값에 빼기 

a - = b (a = a - b)  

*= 

현재 값에 곱하기 

a * = b (a = a * b) 

/= 

현재 값에 나누기 

a / = b (a = a / b) 

%= 

현재 값에 나머지를 대입 

a % = b (a = a % b) 


○ 증감 연산자

연산자

연산 

예 

++ 

1을 증가 

a ++ 또는 ++ a (a = a + 1)

-- 

1을 감소 

a -- 또는 -- a (a = a - 1)


○ 비교 연산자

연산자

연산

예 

==

같다 

a == b 

!= 

같지 않다 

a != b 

작다 

 a < b

크다 

 a > b

<= 

작거나 같다 

 a <= b

>= 

크거나 같다 

 a >= b


○ 논리 연산자

연산자

연산 

예 

a와 b가 모두 true이면 true

(a와 b 모두 평가)

a & b 

&& 

a와 b가 모두 true이면 true

(a가 false이면 b 평가 안함) 

a && b 

 |

 a와 b중 하나 이상이 true이면 true

(a와 b 모두 평가)

a | b 

 ||

  a와 b중 하나 이상이 true이면 true

(a가 true이면 b 평가 안함)

 a || b

a가 true이면 false, false이면 true

!a






반응형
:
반응형

1. 변수의 할당 = 대입


○ 변수의 할당(대입) : 변수에 값을 넣는 것을 말함

  ※ = 기호의 의미 : 프로그래밍에서는 '값다'는 뜻이 아니라 '대입'이라는 뜻으로 쓰임


○ 변수 대입 예

- age = 20 ; (가장 기본적인 변수 대입 모습)

- int age = 20 ; (정수형 변수를 선언하면서 동시에 값을 대입)

- int age, tel, hp ; (여러 개의 같은 타입의 변수를 동시에 선언)

- String name, address ; (문자형 변수 두 가지를 같이 선언)

- int age2 = 30 ;

  age= age2 ; (최초에 정수형 age2 변수에 30을 대입하고, 이를 age에 대입)

- String name = null ; (문자형 변수 name에 null 값을 대입, 보통 초기화할 때 사용)


○ 변수에 한글을 할당할 때 주의할 사항 : 글자 한 자가 2바이트에 해당하므로 char 타입이 아닌 String 타입으로 변수를 선언해 주어야 한다.

  ※ 예) String aa = "가" ;


○ ASCII 코드

- American Standard Code for Information Interchange 의 약자

- 컴퓨터에서 사용하는 일련의 특수문자와 영어 대문자, 소문자 등에 대해 일련번호(0~127)를 붙여 놓은 것










반응형
:
반응형

1. 변수의 선언

 

○ 변수 : 변하는 수

 

○ 변수의 선언 : 변수를 사용하기 위해서 특정한 방을 만들어 주는 것

 

○ 변수 선언 방법

자료형(데이터타입) 변수이름 ;

  ※ 예) int age ; 정수형 데이터 타입의 변수 age를 선언하고 있는 모습

 

○ 변수 이름 작명시 주의할 사항

 ① 알파벳, 숫자, '_', '$'만 사용 가능

 ② 알파벳과 숫자를 섞어쓸 때는 반드시 알파벳으로 시작

     (7aaa와 같이 쓰면 잘못된 것)

 ③ 대소문자는 서로 다른 것으로 구별

 ④ 자바에서 미리 사용하고 있는 '예약어'들은 변수 이름으로 사용할 수 없다.

     (예, int, char, for 등)

 

 

2. 자료형(데이터 타입)의 종류

자료그룹

자료형

설명 

크    기

정수형

byte

아주 작은 정수(1바이트)

 -128 ~ 127

short

조금 작은 정수(2바이트)

 -32768 ~ 32767

int

보통 정수(4바이트)

 -2147483648 ~ 2147483647

long

매우 큰 정수(8바이트)

 -9223372036854775808 ~ 9223372036854775807

실수형

float 

보통 실수(4바이트)

 -3.4*1038 ~ 3.4*1038

double

큰 실수(8바이트)

 -1.8*10308 ~ 1.8*10308

문자형

char

문자 1개(2바이트)

 

String

문자열

 

Boolean

true/false(1바이트)

 

 

 

 


반응형
:
반응형

1. 나의 첫 자바 프로그램! - Hello, World!


○ 자바 프로그램을 배우면 맨 처음 시작하는 프로그램이 Hello, World!이다.


○ 소스코드 : hello.java

 class hello
 {

public static void main(String[] args) 

{

System.out.println("Hello World!");

}

 }


○ 작성하는 방법

메모장이나 워드패드를 열어서 위 소스코드를 입력하고 hello.java로 저장(반드시 확장자가 java임에 유의할 것)

- 프로그래밍을 위해서는 에디터플러스(EditPlus)와 같은 전문 프로그램을 사용하면 편리


○ 컴파일 하는 방법

- 도스 창을 열고 hello.java 파일이 저장되어 있는 폴더에 가서 아래와 같이 입력


             - dir 로 hello.class 파일이 생성되어 있음을 확인할 수 있다.


○ 실행하는 방법

- 도스 창에서 아래와 같이 입력하면 된다.




2. 자바 프로그램의 구조


○ 일반적인 프로그램의 구조

 class 프로그램 이름(=소스코드 이름)
 {

public static void main(String[] args) 

{

처리하고자 하는 코드 입력

}

 }

- 클래스 옆에 오는 프로그램 이름은 소스코드 이름과 일치시켜야 한다.(그렇지 않으면 컴파일 하는 과정에서 애러가 발생)

- 자바에서 점(.)은 객체와 메소드를 구분하는 중요한 의미를 지닌다. 또 점을 기준으로 왼쪽과 오른쪽이 상위개념과 하위개념의 관계임을 기억할 것

- 홑따옴표('')와 겹따옴표("")의 사용

· 홑따옴표 : 문자를 감쌀 때 사용(예, 'a' <-- 글자 한자를 의미)

· 겹따옴표 : 문자열을 감쌀 때 사용(예, "Hello, World!")

- 세미콜론(;)의 의미 : 명령문에만 사용되며, 명령이 끝났음을 알리는 부분

- 자바에서의 주석

· 주석 내용이 한 줄일 경우 : //

· 주석 내용이 여러 줄일 경우 : /* ~ */



○ 윈도우창을 띄워주는 프로그램 : WindowOpen.java

 import javax.swing.* ;


public class WindowOpen extends JFrame

{

WindowOpen()

{

super("윈도우 창을 띄워주는 프로그램");

setSize(350, 250);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

show();

}

public static void main(String args[])

{

new WindowOpen();

}

}


- 실행 결과




반응형
:
반응형

1. 자바! 매력 그 자체!


○ 자바(Java)는 썬 마이크로시스템즈의 제임스 고슬링(James Gosling)과 다른 연구원들이 개발한 객체 지향적 프로그래밍 언어이며, 썬 마이크로시스템즈에서 무료로 제공하고 있다. 1991년 그린 프로젝트(Green Project)라는 이름으로 시작해 1995년에 발표했다. 처음에는 가전제품 내에 탑재해 동작하는 프로그램을 위해 개발했지만 현재 웹 애플리케이션 개발에 가장 많이 사용하는 언어 가운데 하나이고, 모바일 기기용 소프트웨어 개발에도 널리 사용하고 있다.(출처 : 위키백과사전)


○ 자바의 특징(장점)

- 어떤 OS에서도 돌아간다.(윈도우, 매킨토시, 유닉스 등 모든 운영체제에서 실행 가능)

- 배우기가 쉽다.(C/C++ 과 같은 언어에 비해 배우기가 쉽다.)

- 완벽한 객체 지향 프로그래밍 언어(객체 지향형 : 하나하나의 모듈(클래스) 단위로 프로그램을 개발하여 하나의 객체 단위로 결합하여 프로그램을 완성해 나가는 방식)



2. 자바 환경설정


○ JDK 버전

JDK 버전

용도 및 설명

  J2SE (Java 2 Standard Edition) 

 자바를 기본적으로 사용하는 유저를 위한 버전 

  J2EE (Java 2 Enterprise Edition)

 기업의 전문적인 자바 프로그램 개발을 위한 버전 

  J2ME (Java 2 MIcro Edition)

 PDA, 휴대폰 등 모바일 자바 프로그램 개발 


○ 무료 다운받는 법


① 웹으로 오라클 자바 다운받는 곳에 접속한다.

· 주소 : http://www.oracle.com/technetwork/java/javase/downloads/index.html

· 좌측에 있는 Java SE, Java EE, Java ME는 해당 버전에 대한 정보를 제공한다.

· 중간 하단에 있는 DOWNLOAD 버튼을 클릭한다.




② 중앙에 라이센서 동의하는 곳(Accept License Agreement)에 체크한다.

  ※ 체크하지 않고 아래의 파일을 다운받으려고하면 라이센서 동의하라는 메시지가 뜸




③ 자신의 컴퓨터 사양에 맞는 파일을 다운 받는다.





○ 환경설정 하기


① 제어판에서 시스템 등록정보를 열고, [고급]탭 하단에 있는 [환경변수]를 클릭

② 하단에 있는 시스템 변수 아래에 [새로 만들기]를 클릭

③ 새로운 창이 뜨면 변수 이름에 java_home을 입력하고 변수 값에 아까 설치한 JDK폴더를 입력



④ 아래 화면처럼 시스템 변수중 [Path]를 찾아서 [편집] 탭을 클릭한 뒤 [변수 값] 맨 앞에 %java_home%\BIN; 을 추가하고 [확인] 버튼을 클릭하면 환경설정은 끝난다.




○ 환경설정이 바로 되었는지 확인하는 방법


① [시작]-[실행]을 클릭하여 실행창을 열고 실행창에 cmd를 입력하여 도스 창을 연다.




② 명령 프롬프트에 java 라고 입력하고 엔터를 쳐서 아래와 같이 파라미터와 옵션 등의 설명이 나오면 설정이 제대로 된 것(Path 가 제대로 걸려있음을 확인됨)





반응형
:
반응형

1. 멀티미디어 파일


○ 멀티미디어 파일의 특징

요즘은 통신속도가 급속하게 빨라짐에 따라 동영상 파일의 기술 및 사용 또한 굉장히 많아지고 쉬워  졌지만 아직 완전히 자유롭다고 하기엔 부족

동영상 파일들은 나름대로 압축이 되어 있다지만 굉장히 많은 하드디스크의 용량을 요구 

- 보통 홈페이지를 만들어 인터넷에 보내게 될 때 사용할 수 있는 공간은 5~50mb 정도

- 뮤직비디오의 경우만 해도 파일 하나가 차지하는 공간이 20~30mb 정도


○ 비디오 파일을 사용하는 법 : 사운드 태그처럼 링크를 사용해서 연결시켜 주기만 하면 됨.



2. 가장 많이 사용하는 멀티미디어 파일의 종류


○ avi파일(Audio Visual Interleaved)

마이크로소프트사의 윈도우환경에서 표준으로 사용되는 영화파일

윈도우95나 98. 윈도우NT등에는 "비디오 포 윈도우"라는 소프트웨어가 설치되어 있어 간단히 매체재생기로 동영상을 감상 가능

- 미디어 플레이어로도 재생 가능


○ mov 파일(QuickTime for Windows 무비 파일)

-  애플컴퓨터사에서 만든 비디오형식

- "QuickTime for Windows"라는 프로그램이 있어야 시청 가능


○ mpeg파일(Moving Picture Experts Group)

동화상 전문가 그룹에서 만든 형식으로 가장 압축효율이 좋다.

확장자는 mpeg 또는 mpg



● mpeg(Moving Picture Experts Group)

  • Moving(한 때 Motion) Picture Experts Group(동화상 전문가 그룹)의 약어. '엠펙'이라 부른다. 미국의 AT&T, 영국의 BT, 밀본의 NTT 등의 통신업체 및 후지쓰, 미쓰비시, 픽처텔, 비디오 텔리컴 등의 화상회의장비 업체들이 주로 참가하여, 움직이는 영상의 압축기술 및 표준정립을 위해 노력하는 단체. 물론 오디오 압축기술도 포함된다. 이 단체에서 영상압축기술에 대한 표준을 정립하면 이들 표준을 지원하는 영상압축칩을 반도체 업체에서는 개발하곤 한다.
  • 최근의 멀티미디어용 비디오 압축 기술의 필요로 그 활약이 돋보이고 있다. 특히 이 단체가 관심을 기울이는 분야는 전송기술로서, MPEG1 규격은 1.5Mbps전송속도(compact disk;CD와 동일)를 갖고 있으며 향후 4와 9Mbps의 MPEG2, 20Mbps의 MPEG++, 그리고 40Mbps의 MPEG3규격을 마련 중이다.


● 리얼오디오 플레이어(Real Player)

  • 리얼오디오는 프로그레시브 네트웍사의 스트리밍 사운드 기술(네트웍을 통해 음향이 끊김없이 흘러나오도록 하는 기술)을 말한다. 리얼오디오 플레이어 또는 클라이언트 프로그램은 웹 브라우저에 포함되어 함께 배포되기도 하지만, 리얼오디오나 기타 다른 웹 사이트로부터 최신 버전을 다운로드 받을 수 있다. 만약 자신의 웹사이트에서 리얼오디오 서비스를 하려면 리얼오디오 서버를 설치해야한다. 리얼오디오 파일은 파일이름 확장자가 "ra(리얼오디오 소리 파일)"나 "rm(리얼오디오 비디오 파일)" "ram(리얼오디오 메타 파일)"으로 끝나므로 쉽게 구분할 수 있다. 
  • 많은 웹 사이트가 리얼오디오를 이용해 자신들의 방송 프로그램을 인터넷을 통해 제공한다. 
  • 우리나라에서도 KBS와 MBC에서 리얼오디오를 이용한 웹 방송을 실시하고 있다.





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

19. 이미지 맵(map) 만들기  (0) 2013.02.06
18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
16. 인라인 프레임(iframe) 만들기  (0) 2013.02.05
15. 프레임(frame) 만들기(2)  (0) 2013.02.05
:
반응형

1. 이미지 맵의 기본개념


○ 이미지 맵(map)

이미지를 여러 영역으로 나누어 각각에 서로 다른 웹 페이지를 링크시킨 것. 즉 이미지의 특정부분에 링크를 연결시키는 것

- 하나의 이미지에 부분별로 영역을 지정하여 서로 다른 사이트로 링크 시킬 수 있음


○ 이미지 맵의 기본형식


<img src="이미지 주소" usemap="#맵이름"> ①이미지 부분 

<map name="맵이름">             ②이미지 맵 태그 시작부분 

<area shape="맵형태" coords="좌표값" href="링크될 주소"> ③맵 종류,좌표값,링크될 곳 설정부분 

</map> 


①이미지 부분이미지맵이 사용 될 이미지가 불려지는 곳. 주의 할 점은 뒤에 usemap="#맵이름" 속성을 반드시 넣어 주어야 한다. 맵이름은 항상 같아야 하며, 가급적이면 영문 소문자로 정해주는 것이 좋다. 웹페이지의 파일명을 만들 때도 마찬가지로 영문소문자로 정해주시면 좋다. 한글로 해도 되긴 하지만 인터넷이 원래 영문권 나라에서 만들어진 것이기에 한글로 해 놓으면 브라우져가 가끔씩 인식을 못하는 경우가 있기 때문

②이미지 맵 태그 시작부분본격적으로 이미지맵 태그가 시작되는 부분. 여기서 맵이름은 ①부분에서 지정해주었던 맵이름을 넣어주면 됨.('#' 표시는 반드시 빼야됨)

③맵종류,좌표값,링크될 곳 설정부분여기에서는 이미지맵의 형태와 좌표값 링크될 주소를 지정

· 맵의 형태 : "shape" 속성을 사용. 사각형(rect)/원형(circle)/다각형(poly)

· 좌표값 : "coords" 속성을 사용

· 링크될 곳 : 링크될 곳을 설정할 때는 target=_blank 속성을 넣어 새 창에 열리도록 배려



2. 좌표값

 

○ 좌표값 입력하는 법

사각형(rect) : 왼쪽 상단 좌표(x1,y1)과 오른쪽 하단 좌표(x2,y2)를 순서대로 기재

<area shape="rect" coords="x1,y1,x2,y2"> ☜ 이런 형식

원형(circle) : 중심좌표(x1,y1)과 반지름(R)을 순서대로 기재

<area shape="circle" coords="x1,y1,R"> ☜ 이런 형식

다각형(poly) : 왼쪽 상단의 좌표에서 시작해서 시계방향으로 각 꼭지점의 좌표를 순서대로 기재

<area shape="poly" coords="x1,y1,x2,y2,x3,y3,x4,y4,x5,y5"> ☜ 이런 형식


○ 좌표값 구하는 방법 : 그림판을 활용





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

20. 멀티미디어 활용하기  (0) 2013.02.07
18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
16. 인라인 프레임(iframe) 만들기  (0) 2013.02.05
15. 프레임(frame) 만들기(2)  (0) 2013.02.05
:

18. 폼(form) 만들기(2)

컴퓨터 활용/홈페이지 과정 | 2013. 2. 6. 00:00 | Posted by 깨비형
반응형

1. 선택 목록 만들기 <select>


○ <select> : 여러 개의 목록이 늘어져 나타나는 풀다운 선택메뉴 만들때 사용


○ 기본형식

 <select name="필드명">...</select>


○ 옵션

- size=숫자 : 숫자는 선택목록의 수

selected : 선택목록 중 미리 선택되어 보이도록 하는 목록 지정


2. 여러 목록 만들기 <textarea>


○ <textarea> : 여러줄로 구성된 긴 글을 입력할 때 사용


○ 기본형식

<textarea name="입력칸의 이름" rows="세로폭(행수)" cols="가로폭(문자수)">...</textarea>


- name : 입력된 내용을 웹서버와 송수신 할 때 구별하는 키워드



3. 전송버튼<submit>,취소버튼<reset>


○ 전송버튼과 취소버튼 만들기

<input type="submit"> : 입력받은 정보를 웹서버로 송신하기 위한 전송버튼을 설정할 수 있다. 이렇게 만들어진 버튼에는 "쿼리전송"이란 글자가 나타남(여기에 임의의 이름을 붙일 려면 value속성을 이용해 설정하면 됨)

<input type="reset"> : 입력칸에 입력한 텍스트의 내용이나 체크된 선택목록 전부 지우기. 이렇게 만들어진 버튼에는 "원래대로"라는 글자가 나타남(글자 또한 변경하고 싶으시면 value속성을 이용해 이름을 바꾸어 주며 됨)






반응형
:

17. 폼(form) 만들기(1)

컴퓨터 활용/홈페이지 과정 | 2013. 2. 6. 00:00 | Posted by 깨비형
반응형

1. form태그의 기본형식


○ 폼 태그

- 입력양식을 만들 때 사용(예, 방명록, 게시판, 설문조사, 회원등록 폼 등)

- <form> … </form>태그 사이에 필요한 폼들을 삽입. <form>태그 안에 또 다른 <form>태그를 삽입할 수 없다.

- 양식 문서에서 흔히 보게 되는 [전송]단추나 [Submit]단추를 누르면 <form>과 </form> 사이의 내용들이 폼(form)을 처리하는 CGI프로그램으로 전송


○ 폼 태그의 기본 형식


 <form action="데이터 전송될 장소" method="전송방식">
    다양한 폼 형식
 </form>


○ 폼 태그에 사용하는 속성


속성 

설       명 

 <method>  <Form>태그 안의 폼들을 어떻게 넘겨 줄 것인지 전송 방법을 선택
 
사용할 수 있는 값은 get과 post인데 대부분 post를 사용
 <name>  폼의 이름을 지정

 한 문서 안에 여러개의 <Form>태그가 있을 경우 폼을 구분하기 위해 사용

 <action>

 <Form>태그 안의 내용들을 처리해 줄 CGI프로그램을 지정
 CGI프로그램은 인터넷에 항상 연결되어 있는 서버 컴퓨터에 미리 설치되어 있어야 함


※ CGI (common gateway interface) 

  •  CGI는 웹서버에 있어 사용자의 요구를 응용프로그램에 전달하고 그 결과를 사용자에게 되돌려주기 위한 표준적인 방법이다. 사용자가 하이퍼링크를 클릭 하거나 웹사이트의 주소를 입력함으로써 웹 페이지를 요청하면, 서버는 요청된 페이지를 보내 준다. 
  • 그러나, 사용자가 웹페이지의 양식에 내용을 기재하여 보냈을 때, 그것은 보통 응용프로그램에 의해 처리될 필요가 있다. 웹 서버는 으레 그 양식 정보를 조그만 응용프로그램에 전달하는데, 이 프로그램은 데이터를 처리하고 필요에 따라 확인 메시지를 보내 주기도 한다. 
  • 이렇게 서버와 응용 프로그램간에 데이터를 주고받기 위한 방법이나 규약들을 cgi라고 부른다. 
  • 만약 웹사이트를 만들 때 어떠한 제어를 위해 cgi 프로그램을 사용하기 원하면, html 파일 내에 있는 url 내에 그 프로그램의 이름을 기술하면 된다. 만약 폼을 만들려고 할 때, 이 url은 forms 태그의 일부로서 기술될 수 있는데, 예를 들어 다음과 같이 쓸 수 있을 것이다. 
     <form method=post action=http://www.mybiz.com/cgi-local/formprog.pl> 
  • 이 태그의 결과로서 mybiz.com에 있는 서버는 입력된 데이터를 저장하기 위해 제어권을 "formprog.pl"이라는 cgi 프로그램에 넘기고, 확인 메시지를 되돌려 준다 
  • (여기서 .pl은 perl로 작성된 프로그램이라는것을 가리키지만, cgi는 다른 언어로도 작성될 수 있다)



2. Text필드와 Pasword필드 폼 만들기


○ 기본 형식

 <form>

 <input type="text/password" name="이름" value="기본문자" size="너비" maxlength="최대 문자수">

 </form>


type=입력받을 입력 양식을 지정(text/password)

name=글상자의 입력 필드의 이름을 지정. 양식내용을 수신할 때 데이터를 가려내기 위해 사용(폼 안의 이름을 name라 입력한 것은 인터넷을 접속한 사용자가 입력한 실제 이름을 담아 가져갈 고유한 항목 이름이다.만일 홍길동이라 이름을 입력하면 홍길동이란 이름을 name란 그릇에 담아 가져간다는 뜻)

value=기본적으로 표시될 기본 문자를 나타냄

size=입력필드의 너비(문자수)

maxlength=글자사이에 입력할 수 있는 최대 문자수


○ text와 password의 차이점 : 입력한 내용이 화면에 그대로 나오는 것이 text, password는 *로 표시됨



3. radio 버튼과  checkbox 만들기


○ 기본형식

 <form>

       <input type='"radio/checkbox" name="입력필드 이름" value="서버로 전송될 텍스트">

 </form>


name 속성은 입력 칸의 이름을 설정하고 질문 항목의 내용을 반영한다.

value속성은 항목을 선택하였을 때, 서버로 보내지는 text 내용으로 어느 항목을 선택했는지 알 수 있도록 선택 목록 내용을 입력한다. 이에 따라서 어떤 질문에 대해 어떤 회답을 했는지 구별 할 수 있다.   선택목록 중에서 가장 많이 선택되는 항목에 미리 선택되어 나타나도록 checked속성을 추가할 수 있다.


○ radio와 checkbox의 차이점 : 라디오버튼은 오직 하나만 선택할 수 있고, 체크박스는 여러개의 항목을 한꺼번에 선택할 수 있다.





반응형
:
반응형

1. iframe(인라인프레임)의 기본형식


○ 인라임 프레임(iframe)

- Internal Frame의 약자로 HTML문서 안에 원하는 위치에 프레임을 만드는 것.

- 인터넷 익스플로러에서 확장되어 만들어진 기능으로 기본적으로 익스플로러에서 지원하는 태그


○ 인라인 프레임의 형식


 <iframe src="파일 이름" 속성="속성 값">… </iframe>


○ 인라인 프레임의 특징

- <iframe>과 </iframe> 사이에 들어가는 내용은 iframe을 지원하는 브라우저에서는 완전히 무시되지만, iframe을 지원하지 않는 브라우저에서는 텍스트만 그 영역 안에 보여 준다.

iframe은 일반 프레임과는 달리 반드시 <body>와 </body>사이에 삽입 되어야 한다.(frame은 <body>와 </body>사이에 삽입되면 안된다.)

iframe을 지원하지 않는 브라우저를 위해서 일종의 배려로 지원하지 않는 브라우저라고 적어 주는  것이 좋다.


2. iframe(인라인프레임)의 속성


 속성

 설        명

 width/height  화면에 나타날 인라인 프레임의 폭(width)과 높이(height)를 지정
 border  프레임의 테두리를 표시할지 결정

 border="0"으로 설정하면 프레임 테두리가 없어짐.

 사용할 수 있는 값은 0이나 0보다 큰 숫자

 bordercolor  테두리를 표시할 경우 테두리의 색상을 지
 name  프레임의 이름을 지정
 scrolling

 프레임 내부에 스크롤바를 표시할지 결정.

 사용할 수 있는 값은 yes나 no, auto

 src  프레임 안에 나타날 파일이나 URL을 지정
 align  문서 안에서 인라인 프레임의 정렬 방법을 설정
 사용할 수 있는 값은 left,right,center





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
15. 프레임(frame) 만들기(2)  (0) 2013.02.05
14. 프레임(frame) 만들기(1)  (0) 2013.02.05
13. 표 만들기(2)  (0) 2013.02.04
: