HTML/PHP
2025.01.31
수업 백업을 진행한다. 1월부터 배운 HTML/PHP의 백업이다.
차후 추가 업로드할 경우 백업 날짜를 추가 기입한다.
HTML 기본
(1) HTML이란 무엇인가?
Hyper Text Markup Language
- Hyper Text: 웹페이지 안에 하이퍼 링크를 포함시켜 다른 웹페이지/웹사이트로 이동가능케 하는 것을 말한다.
- Markup: 웹페이지가 표시되는 방식을 지시하는 것을 말한다. HTML에서는 한쌍의 태그들을 통해 내용을 표시한다.
<head></head> 이것이 한 쌍의 태그이다.
(2) 구성요소
- 텍스트: 웹페이지 본문 내용
- 태그: 텍스트의 표시방식을 지시. 속성과 값으로 구성된다. 태그는 한번 열면 반드시 닫아줘야하며, 마트료시카 형식이다. 즉, 내부에 위치한 태그를 먼저 닫아야 외부 태그를 닫을 수 있다.
- 스크립트: 웹페이지에서 복잡한 일을 수행하거나 동적인 페이지를 만들때 사용한다. 종류에는 Javascript와 VBScript가 있다.
* 속성: 태그의 구체적인 기능을 지정한다.
* 값: 속성이 표현되는 것을 지정한다.
<font color="black"> 글자 </font>
font = 태그
color = 속성
black = 값
* CSS: 디자인 담당이다. 다수의 페이지에 일괄적용시 사용권장. 페이지마다 추가하는 것은 번거롭다. CSS 시트를 하나 분리하고 불러오는 것이 간단하다.
HTML 태그
(1) <html></html> : 문서의 시작과 끝을 선언하는 태그이다.
(2) <head>, </head> : 선언부의 역할. 문서 외형에 영향 X
- <meta http-equiv="content-type" content="text/html; charset=utf-8"> : 헤더에 위치
- <title></title> : 헤더에 위치. 브라우저의 제목 표시줄에 나타날 내용을 기입한다.
(3) <body></body> : 웹페이지의 본문을 선언하는 태그이다.
여러 옵션 태그
(1) 크기 지정
size="#"
px로도 지정 가능. %로도 지정이 가능하다(이 경우 웹페이지의 현재 넓이를 기반으로 조정된다.)
글자의 경우 <h1></h1> ~<h6></h6>으로도 지정이 가능하다. 제목 표시용으로 보통 사용된다.
(2) 색상 지정
color=""
background-color=""
6글자짜리 HTML 코드를 입력하거나 색상 이름을 지정한다.
지정은 다양한 태그에 가능하다.
(3) 글꼴 지정
font 태그에 face="" 지정한다. 폰트의 이름을 알아야한다.
(4) 글자 장식
<b></b> : 볼드
<i></i> : 이탤릭
<small></small> : 글자 크기를 한 단계 작게
<big></big> : 글자 크기를 한 단계 크게
<s></s> : 글자 중앙에 줄을 표시
<u></u> : 글자에 밑줄 표시(underline)
(5) 예약문자
태그에 사용되는 문자들 < > 등은 특수 표기를 필요로 한다.
< : <
> : >
" : "
&npsp; : 공백
& &표시
(6) 문단에 사용
<br> : 줄바꿈
<p></p> : 정렬 태그
<p align="속성">
left / center / right 로 정렬을 정할 수 있다.
<center></center>로도 중앙 정렬 가능하다.
<hr> : 수평선 삽입
- align : 수평선의 정렬 지정
- width : 수평선의 넓이 지정 ( 백분율 % 혹은 px값으로 지정한다.)
- size : 높이 지정(height로 지정할때도 있음)
- color : 색상(익스플로러에서만 지원한다.)
- noshade : 그림자 제거
테이블
<table></table> :범위 지정
<tr></tr> : 세로 셀 수
<td></td> : 가로 셀 수
table 태그에 background를 지정할 수 있다. 배경화면 이미지를 말한다.
bgcolor로 배경 색을 지정가능하다.
border : 테이블 테두리의 두께를 지정한다.(기본값은 0이다.)
bordercolor : 테두리 색 지정
cellpadding : 데이더 사이의 간격 지정 (기본값=1)
cellspacing : 테이블 내의 각 셀 사이 간격 지정 (기본값=2)
width: 넓이 지정
height : 높이 지정
<tr></tr>
- vallign : 셀 안의 데이터의 위치 지정(top, middle, botton). 기타 상기 언급한 속성 부여 가능하다.
<td></td>
- colspan="#" : 현재 셀과 다른 행의 셀을 병합
- rowspan="#" : 현재 셀과 다른 열의 셀을 병합
#에는 병합할 셀의 개수를 입력한다.
하이퍼 링크
<a href="파일 혹은 주소> </a>
링크 색상
<body link="색상" vlink="색상" alink="색상"> <a href="링크"></a></body>
link = 기본 링크 색
vlink = 방문 기록이 존재하는 링크 색
alink = 마우스 클릭 시 색상
이미지 업로드
<img src="이미지 파일이 위치한 주소">
2025. 02. 12 백업
PHP
전반적으로 C언어와 유사하나.... 포인트 등의 개념이 없는 듯 하다.
C++을 어느정도 할 줄 아는 입장에서 무난하게 사용할 수 있었다.
1. 프로그램
<?
?>
위 행은 PHP 프로그램의 시작과 끝을 나타낸다. 이 외에도 <?php (본문) ?>, <script language="php"> (본문) </script>, <% (본문) %>이 있다고는 한다.
2. 변수와 연산자
변수 선언: $(변수이름). $ 기호가 필수적이다.
변수 명은 한글로도 선언이 가능하나, 여타 다른 언어와 같이 사용되지는 않는다.
php는 대소문자를 구별한다.
변수 타입:
- 정수 (integer)
- 실수 (float, double)
- 문자열 (str)
- 불린 (boolean)
- 배열 (array) : 여러 개의 값을 하나의 변수에 저장
- 객체 (object) : 속성과 메소드로 구성되는 사용자 정의 데이터 타입
php의 변수는 자동으로 형변환이 되므로 변수타입 지정이 필요 없으며, 지정하지 않아도 선언이 가능하다.
3. 조건문
4. 반복문
25.00.00 추가 기입
5. 폼
6. 배열
7. 함수