HTML
HTML 프로그래밍 언어이냐? 마냐? 라는 많은 논쟁이 있다네요!
하지만, 구구단과 같이 모든 과목의 기초가 된다고 합니다.
오늘부터 ♬HTML♪과 친해져 보기로 합시다.
'InterNet'과 'Web'?
- 인터넷이 더 큰 개념으로, 그 안에 '웹'이 존재
- 인터넷은 전세계를 연결하는 통신망!
- 인터넷은 전쟁 중에 만들어 짐!
- 실제로 나라와 나라 사이, 해저 밑에 통신망이 연결...😅
- '웹'은 인터넷 상에서 정보를 공유할 수 있는 서비스 공간
'Web'의 역사
- 1960 : 미국국방성, Arpanet(인터넷의 시초)
- 1974 : Tcp / Ip
- 1990 : 유럽입자물리연구소, 팀 버너스 리(웹의 아버지)
'웹'발명(이후 html) - 1993 : 최초의 웹 브라우저 모자익 개발
- 1994 : 웹 자유화
- 웹 브라우저 전쟁의 시작
- 웹2.0(플새시게임)시대
다른 '사용자'가 함께 새로운 콘텐츠를 창조할 수 있게 된 시대
Web을 뒷받침하는 기술의 발명
- Web Client
클릭한 페이지를 '요청'하는 Pc
네트워크로 연결된 서버로부터 정보를 제공받은 컴퓨터 - Web Sever
페이지를 '응답'하는 Pc
클라이언트가 페이지를 요청했을 때, 응답을 해주는 Pc
ex) 회원 = > 네이버
회원 : 클라이언트 / 요청(Request)
네이버 : 서버 / 응답(Response)
요청을 그냥하냐? Rule을 지켜야지
- 요청 rule => Protocol
- 'Protocol'은 컴퓨터들 간의 원활한 통신을 위해 지키기로 약속한 규약
HTTP???
- Hyper Text Transfer Protocol
- 하이퍼텍스트(html)를 기반으로 데이터를 전송하는 프로토콜로 '요청/응답' 방식으로 동작
- 인터넷에서 하이퍼텍스트 문서를 교환(요청,응답)하기 위하여 사용되는 통신규약
Hyper Text??
- HTML : 웹 페이지에 정보를 담아 표시하기 위한 마크업 언어로, 개발자들 사이에서 '문서'로 불림
(Hyper Text Markup Langugage) - Hyper Text => 현재 문서(html)에서 다른 문서로 즉시 접근할 수 있는 텍스트
- Mark up => 일종의 '표시' _ ★태그★를 통해
태그???
-
★<시작태그> + 내용 + <끝태그> = 요소(Element)★
-
시작태그에는 <p 속성 = "값>
속성과 값을 통해 해당 요소에 추가적인 내용을 담을 수 있음 -
html 태그는 약 150개
-실제 사용은 30개 정도, Css로 나머지 태그를 대체하는 추세
IDE로는 Visual studio code를 통해 html 학습 예정
참고로,
Front-End 사용자와 만나는 부분
Back-End 그 외 전부
제가 어느 부분을 더 잘할지 벌써 궁금해지네요...😙
promising