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
복사했습니다!