<웹 브라우저>
웹 브라우저 --- 웹 서버 --- DB서버
---------- 웹문서 ---------- = 해석기(html, css, js 언어를 해석해서 보여준다)
-HTML(정적 웹사이트, 콘텐츠): 디자인적 요소도 포함
*Hypertext: 링크를 통해 문서를 이동
=> 데이터를 처리
*html5: 모바일처럼 작은 페이지, 모바일과의 호환성
-CSS(디자인, 시각적 효과)
-JavaScript(이벤트, 동적 효과)
----------Client Side Script(클라이언트 쪽에서 해석된다): 서버가 없어도 실행 가능
-JSP(Servlet: 확장자가 자바)
-Java
----------Server Side Script(서버에서 해석된다)
-SQL
----------DB Side Script(DB가 해석한다)
-> 3tier script
<EditPlus>
editplus.com - download(64-bit) - 평가판 설치
*글자크기 조절: alt shift num+-
*새로 만들기: html 페이지
<HTML>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE html> // 줄1: 선언부 html5
<html lang="en">
// 영어 지원(ko는 한국어, UTF는 모든 언어를 지원한다)
<head>
<meta charset="UTF-8"> // UTF: 모든 언어 지원
<meta name="Generator" content="EditPlus®">
<meta name="Author" content=""> // 사이트 관리자 메일주소
<meta name="Keywords" content=""> // 사이트 핵심단어
<meta name="Description" content=""> // 간략한 설명
<title>Document</title> // 제목
</head>
<body>
이 부분이 화면에 보이는 내용이다.
별다른 처리가 없어도 화면에 출력된다.
주석: <!-- -->
</body>
</html>
// html은 html태그로 시작해서 html태그로 끝난다.
|
*HTML의 기본 구조
<UTF-8 vs EUC-KR>
: 둘은 서로 호환이 안 된다.
-UTF-8: 영어 + 유니코드 한글(1에서 3바이트 가변크기를 갖는다)
-> 다국어를 지원하기 때문에 요즘의 추세다.
-EUC-KR: 영어 + 완성형 한글(2바이트)
-> 이미 정해진 맞춤법과 다르면 오류가 난다.
'20.03 ~ 20.08 국비교육 > HTML・CSS' 카테고리의 다른 글
| html/css 2. 회원가입 페이지 (0) | 2020.04.16 |
|---|---|
| html/css 1. 무작정 만들어보기 (0) | 2020.04.09 |