키보드와 하루

1. 개념 - 수평줄 , - 인용문 : horizontal의 줄임말로 수평 줄을 삽입할 때 사용 : 다른 사이트의 글을 인용할 경우 사용 2. 태그 , html5 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 DOCTYPE html> 수평줄 위에 있는 텍스트 입니다. 1 인용문 위에 있는 문장입니다. 2 인용문으로 사용한 문장입니다. 인용문 아래에 있는 문장입니다. 결과 화면 코드 설명 1 여러 개의 텍스트 단락을 쓰게 될 때 구분을 해주거나 분리를 해줄 때 사용하면 됩니다. hr은 기본으로 가로선이 삽입되는데 CSS를 이용해서 가로선을 없앨 수 있습니다. 2 ...... blockquote태그는 인용한 글을 다른 텍스트보다 안으로 들여 쓰기 해줌으로써 일반 텍스트와 구별이 됩니다.

1. 개념 - 제목 표시 , - 단락 , - 줄 바꿈 : 제목을 뜻하는 heading으로 일반적으로 사용하는 텍스트보다 진하게 표시됨 숫자가 작을수록 글씨가 커지고 숫자가 커질수록 글씨가 작아짐 : paragraph의 줄임말로 앞 뒤에 줄바꿈 이 태그 안에 있을 때는 텍스트 줄이 브라우저를 넘어갈 경우 자동으로 줄바꿈이 됨 : break의 줄임말로 줄바꿈 없이 한 줄로 표시 이 태그는 닫는 태그가 없음 2. 태그 , , html5 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 DOCTYPE html> h1 테스트 입니다 h2 테스트 입니다 h3 테스트 입니다 h4 테스트 입니다 h5 테스트 입니다 h6 테스트 입니다 p테스트 입니다 br 테스트 입니다1 br 테스트..

1. 개념 html5 이란? html5는 정해진 형식이 있음 아무리 짧은 소스를 입력하더라도 반드시 필요한 구조가 포함되어 있어야 함 반드시 필요한 구조 4가지 : , , //실제 브라우저에서 표시되는 부분 h1 테스트 입니다 p 테스트 입니다 결과 화면 h1 테스트 입니다 p 테스트입니다 코드 설명 DOCTYPE html> 위 부분은 문서 유형을 지정하는 부분인데 유형을 지정하는 것이란 웹 브라우저에게 처리해야 할 문서는 HTML이니 여기에 맞는 방법으로 해석하라는 것을 지정해 주는 것입니다. ......... 실제 문서 정보와 내용이 시작되는 끝나는 부분을 정의하는 태그입니다. lang은 사용할 언어를 지정하는 것입니다. 언어 지정이 중요한 이유는 검색 사이트에서 특정 언어로 제한해서 검색할 때 적용..

1. 개념 $_COOKIE 역할 $_COOKIE는 웹 브라우저에서 끄거나 종료된 경우에도 선언된 정보를 저장해 두고자 할 경우에 사용 시작하는 메서드는 따로 없음 웹 브라우저에서 쿠키 사용이 허용되지 않을 경우도 있을 수 있음 쿠키는 컴퓨터에 저장이 되기에 중요한 값을 저장하면 안됨 쿠키 세팅 방법 setcookie(쿠키명 , 값 , 기간 , 경로 , 도메인 , 시큐어 , HTTP 전용) 기간 : 자신이 설정하고자 하는 기간만 유효하게 됨(초 단위 설정 : ex) 2일 : time()*60*60*24*2) 경로,도메인 : 쿠키가 유요한 범위(생략시 현재 페이지가 존재하는 디렉토리와 서브 도메인의 범위만 유효) 시큐어 : true 설정시 https 경유로만 쿠키 돌려 보냄( 기본값 : false) HTTP..

1. 개념 $_SESSION 역할 $_SESSION는 여러 웹 페이지에서 공통적으로 사용하고자 하는 변수를 세션에 담아서 사용할 수 있음 값을 주기 받기 위해 어떠한 작업을 하지 않아도 $_SESSION을 사용하면 바로 사용이 가능 2. 예제 $_SESSION 예시 PHP 코드 test.php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 DOCTYPE html> 넘겨지는 페이지로 test2.php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 DOCTYPE html> 결과 화면 코드 설명 여러 페이지에서 작업을 하다보면은 값을 전달하고자 할 경우에 한계가 있음을 보게 됩니다. 이러한 문제를 해결하고자 $_SESSION을 php에서는 제공하고 있습..

1. 개념 input date 역할 input date는 날짜 형식 데이터를 입력할 수 있음 이 date 타입은 달력을 이용하여 날짜를 선택할 수 있음 2. 예제 input date 예시 PHP 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 DOCTYPE html>

1. 개념 textarea 역할 textarea는 여러 행의 글을 입력해서 주고 받고자 할 경우에 사용 cols : 문자 수 너비 , rows : 행 수 , maxlength : 최대 입력할 수 있는 문자 수 , placeholder : 회색으로 표시되는 안내문 2. 예제 textarea 예시 PHP 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 DOCTYPE html>

1. 개념 input range 역할 input range는 폼 태그 안에서 슬라이더 범위를 설정하여 값을 주고 받음 min : 최소값, max : 최대값 , step : 값의 스탭 간격 , value : 슬라이더의 초기값 2. 예제 input range 예시 PHP 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 DOCTYPE html>

1. 개념 select 역할 select는 데이터를 주고 받을 때 리스트 형태의 모습을 가지고 있음 옵션 데이터가 추가 되어도 고정된 틀을 가지고 있기 때문에 전체적인 레이어 변화에는 영향이 없음 한 개 이상의 값을 선택하고자 할 경우에는 select에 multiple 이라는 옵션을 넣어줘야 함 2. 예제 select 예시 PHP 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 DOCTYPE html> > 키1 > 키2 > 키3 > 키4 결과 화면 코드 설명 리스트 박스는 고정된 틀로 되어 있습니다. 일반적으로 체크박스나 라디어 박스 경우에는 옵션 값을 추가하고자 할 때 넓이나..

1. 개념 input checkbox 역할 input checkbox는 폼에서 데이터를 던질 때 1개 이상의 값을 체크하고 멀티로 체크한 데이터를 주고 받기 위해서 사용 값이 멀티이다 보니깐 배열로 처리 2. 예제 input checkbox 예시 PHP 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 DOCTYPE html> > 키 관리자1 > 키 관리자2 결과 화면 코드 설명 체크 박스는 라디어 버튼처럼 하나의 값을 선택해서 가져오는 것이 아니라 여러개의 값을 주고 받을 수가 있습니다. 그렇기 때문에 위에서 보시는 것처럼 input type에서 name을 배열로 key_..