
HTML 이란?
- Hyper Text : 웹 페이지에서 다른 페이지로 이동하거나 페이지 내의 다른 하이퍼 텍스트 (텍스트, 이미지, 데이터)에 접근할 수 있도록 하는 것.
- Markup Language : 웹 페이지 내의 컨텐츠를 어떻게 표현해야하는지 명령하는 언어
HTML 특징
- 태그(Tag)의 형태를 띄고 있다.
HTML에서 해당 코드가 어떠한 정보를 담고 있는지 알려주기 위한 것이다.
<!-- 태그 형태 예시 -->
<!-- <명령어 (속성 ="속성값")> ... </명령어> -->
<div> ... </div>
<!--
<시작태그> ...(내용물)... </종료태그> → 단일태그도 존재함(내용물이 필요없음) <input/>
-->
<div id="menu"> ...(내용물)... </div>
<!-- 이 태그는 div 태그이며, id는 "menu"라는 정보를 담고 있다. -->
HTML의 구조
<html>
<head>
<!-- 해당 페이지 정보, 창이름, 검색 엔진에 노출 될 정보 -->
</head>
<body>
<!-- 직접 코드를 작성하는 곳, 보이는 화면 (내용물) -->
</body>
</html>
Request(요청) 와 Response(응답) 개념
요청 개념
: 나는 이런 URL을 줄테니 그에 맞는 화면이나 데이터를 줘.
(요청) -------------------------------------- (백엔드 서버)
-------------------------------------- (응답)
- 데이터
- 결과 메시지 (성공(OK)/실패(에러내용))
Http response status code(응답 상태 코드)
200 번대 성공
400 번대 사용자 오류
500 번대 서버 오류
HTTP, HTTPS (HyperText Transfer Protocol)
"https://www.naver.com"
인터넷에서 데이터를 주고 받을 때 사용하는 일종의 규약, 규칙
따라서 주소에 http가 붙으면 해당 규약을 사용해서 데이터를 주고 받겠다는 뜻
s의 유무는 http에 보안요소가 추가되었는가 안되었는가의 차이
'개발도전하기 > HTML5' 카테고리의 다른 글
[프론트엔드] HTML 강의 4일차 (0) | 2022.07.28 |
---|---|
[프론트엔드] HTML 강의 3일차 (0) | 2022.07.28 |
[프론트엔드] HTML 강의 2일차 (0) | 2022.07.15 |