[HTML] HTML 기초

URL

  - 웹 클라이언트(브라우저)가 웹 서버에 요청할 때, URL을 사용한다.

 

  * 요청(Request)

     웹 클라이언트가 웹 서버에 필요한 정보를 요구하거나 처리해달라고 부탁하는 행위. (웹에서 발생하는 요청 = HTTP 요청)

 

- http://www.naver.com:80 < 링크가 있을 때 네가지로 나눌 수 있다.

 

1. http://
- Hyper Text Transfer Protocol > 웹 페이지를 주고 받는 통신 규칙
- Protocol(*)
- 서버와 클라이언트간에 데이터를 주고받기 위한 약속

2. naver.com
   localhost(127.0.0.1)
    - Domain > DNS > Server IP Address
    - Server IP Address - 서버측 호스트(컴퓨터)를 찾는 주소
   
3. :80
   :8090
    - 웹 서버 통신 포트 번호
    - 웹 서비스를 하기 위한 포트 번호
    - 80 > http:// 프로토콜을 위한 예약 포트 번호(전세계 공용)
    - 443 > https://
    
4. http://www.naver.com
   http://localhost:8090/~
    - 브라우저가 웹서버에 접속하기 위해 지정한 서버측 주소
    - 상대방 컴퓨터의 저장장치에 들어있는 자원을 요청하기 위해 상대방의 컴퓨터를 찾게되고, 위 주소를 통해 상대방의

      컴퓨터를 찾을 수 있다.
    - 서버와 클라이언트간의 최소한의 약속
    - 위의 주소를 접속하면, 내(웹서버)가 내 저장장치에 있는 특정 폴더를 열어주고, 접속해 원하는 정보를 찾을 수 있다.

       >"webapp"
    - 외부 주소 > http://localhost:8090/ClientTest/hello.html
    - 내부 주소 > webapp/hello.html
   
    - 내부 주소> webapp/sub/hi.html
    - 외부 주소> http://localhost:8090/ClientTest/sub/hi.html

 

HTML

- HyperText Markup Language의 약자

- 하이퍼텍스트 마크업 언어, 웹 서비스에서 제공하는 페이지를 작성하는 언어
- 무언가를 표현하는 기능을 가지는 언어로, 프로그래밍 언어가 아닌 프리젠테이션 언어이다. 
- Markup > 언어 표기법 : <명령어>

- HTML은 웹 페이지의 골격과 내용물 작성
- CSS는 웹 페이의  서식 작성
- JavaScript는 웹 페이지 기능 작성과 프로그래밍 구현

 

HTML 개발 환경

- 텍스트 편집기
1. 메모장
2. IDE > Eclipse, IntelliJ, Visual Studio 등..
3. Sublime Text, Atom, Brackets, Visual Studio Code(MS)..

- 실행 환경/도구
1. 크롬
2. 엣지
3. 파이어폭스
4. 사파리(맥)
5. 모바일 버전

 

 

HTML 언어 구성 요소

1. 태그(Tag), 엘리먼트(Element)
2. 속성(Attribute)
3. 텍스트(PCDATA)
4. 엔티티(Entity)
5. 주석(Comment)
6. 선언문(Declaration)
7. 외부 요소 ...