[HTML] 기본용어, 요소, 자동완성,VSCODE사용

 

서버와 클라이언트
- 클라이언트 : 서버에게 요청하는 대상
- 서버 : 요청받은 서비스를 응답해주는 대상
- 서비스는 회원이이용할 수 있는 기능들을 서비스라고 한다.
- 서비스는 하나의 컴퓨터이다.

웹
- 요청과 응답이 일어나는 장소.

웹 브라우저(seb Brower)
- 사용자의 요청에 맞는 주소로 찾아가서 인터넷 컨텐츠(문서, 그림, 멀티미디어, 파일 등)을 검색 및 열람 후 사용자에게 응답하기 위한 프로그램의 총칭이다.
- 주요 웹브라우저는 모질라 파이어폭스, 구글 크롬, 마이크로소프트 엣지, 오페라, 사파리 등이 있다.

프로토콜(Protocol):통신 규약
사람끼리 소통 할 때 서로 이해할 수 있는 공용어를 사용해야 하듯이 컴퓨터끼리도 공용어를 사용해야 한다.
이러한 공용어를 원할하게 통신하기 위해서 필요한 규약을 규약을 프로토콜이라고 한다.

-http://(Hypertext Transfer protocol)
클라이언트와 서버간의 웹 페이지등의 자원을 통신하는 규약
텍스트로 통신하기 때문에가로채어 본다면 누구든 내용을 볼 수 있다.

-https://(Hypertext Transfer protocol Secure Socket)
SSL(Secure Socket Layer)프로토콜을 이용하여 자원을 공개키 암호화 방식으로 암호화해서 통신하는 규약 

IP
- 사람이 태어나면 출생신고를 하고 고유 번호인 주민번호를 발급받는다.
이를 통해 서로를 구분하듯이 네트워크 상에서 인터넷에 접속할 때 다른컴퓨터와 구분될 수 있도록 하는 고유 번호를 ip주소라고 한다.
클라이언트가 찾아갈 서버의 고유한 값, 컴퓨터가 컴퓨터를 찾을 때 쓰는 고유한 값

도메인(Domain)
- IP주소는 기억하고 이해하기 힘들기 때문에 이를  위해서 이름을 부여할 수 있도록 한 것.
도메인을 통해 IP주소를 검색할 수 있다.
-IP 주소로 직접 접근하면 연산이 필요한 부분이 제외되거나 프롬토콜이 적용되지 않을 수 있기 때문에 반드시 도메인을 통해서 사이트에 접근하기로 한다

WWW(World Wide Web)
- 인터넷에 연결 된 전 세계 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 정보공간

W3C(더블유삼씨)
-WWW를 위한 표준을 제정하고 관리하는 중립적인 기관
-어느 기업이 예를들어 구글이나 애플이 자신만의 기술로 언어나 기술을 만들고, 그것의 라이센스비용을 지불하라고 요구하면 독점하기때문에 그런 것들을 방지하기 위해서 웹 표준을 제정하였다. (HTML,CSS, 자바스크립트)

---

-웹 표준(Web Standard)
웹에서 표준으로 사용되는 기술이나 규칙을 의미하며, 이는 특정 브라우저에서만 사용되는 비표준화된 기술을 배제하고 W3C의 토론을 통해 나온 권고안을 사용하는 것을 말한다.
웹 문서의 구조와 표현, 그리고 동작을 구분해서 사용하는 것을 뜻한다.

1.HTML(Hypertext Markup Language)
웹 페이지에서 다른 페이지로 이동할 수 있도록 해주는 마크업(웹표준=고정적인 언) 언어이다.
마크업 언어란 태크 방법 체계를 의미하며, 태그 등을 이용하여 문서나 데이터의 구조를 기술하는 언어이다.
*마크다운은(웹표준이 아님)

2.CSS(Cascading Style Sheets)
구체적으로 어떤 스타일로 요소가 표시되는 지를 정하는 규격이다.
HTML은 문서를 구조화(레이아웃)할 수 있으나 꾸밀 수는 없고, CSS를 통해 디자인하여 웹 페이지에서 내용과 스타일을 분리하고, 역할도 분리해준다.

3. JS(Javascript)
화면 쪽에서 연산이 가능한 스크립트 언어이다.
사용자의 다양한 이벤트 처리, 비동기 통신 등을 자유롭게 사용할 수 있다.
HTML 안에서 태그 형태로 JS를 사용할 수도 있으며, 외부 파일로 제작 후 포함시켜 사용할 수 도 있다. 유효성 검사, 통신 등을 담당한다.

4. XHML(Extensible HTML)
기존에 사용되던 HTML 규격이 가진 문제점을 극복하고 보다 다양한 분야에서 응용될 수 있도록 해주는 여러가지 확장된 기능을 포함한다. 하지만 XML기반으로 만들어졌기 떄문에 지원되지 않는 브라우저도 있다.

따라서 HTML과 XHTML은 사실상 큰 차이 없이사용된다.

 

5. XML (Extensible Markup Language)

어떠한 데이터를 설명하기 위해서 임의로 지은 태그로 데이터를 감싼다.

태그로 데이터를 설명하며, 이것이 데이터의 표시(Markup)가 되고 추가적인 데이터가 생기면

태그 추가와 태그 내부 내용 추가를 할 수 있다. 따라서 데이터 전달에 목적이 있다.

---

 

HTML의 구성

-HTML의 기본적인 형태, 태그들로 이루어져 있다. <> </>

-열고 닫는 태그가 존재한다.

-head는 body에서 사용할 설정을 담고있따.

-body는 실질적으로 화면에서 나오는 정보들을 사용한다.

-title의 역할

 

HTML의 요소

-<p>   You are better  </p>

  [1]             [2]             [3]

 

[1] : 여는 태그(Opening tag): 요소의 이름(p)과 열고 닫는 꺽쇠 괄호로 구성되어 있다.

[2] : 닫는 태그(Closing tag) :요소의 이름 앞에 슬래시(/)가 있다.

[3] : 내용(Content): 요소의 내용이며, 단순한 텍스트를 의미한다.

 

HTML의 주석

- < ! -- 주석 --> : Ctrl + Shift + /

 

UTF-8(Unicode Transformation  Formt - 8bit)

- UTP-8은 유니코드를 인코딩하기 위한 가변 길이 문자 인코딩 방식 중 하나이다.

헤드는 화면에 구성이 되지않음.(보이지 않음)

body는 페이지에서 보여지는 것들.

태그 안에서 이렇게 적혀있는것을 속성이라고 합니다.(추후에 배울예정)

 

&lt; 이것은 <>라는 의미입니다.

꺽쇠가 이미html에서 사용하고 있으니 이렇게 사용합니다.

 

이렇게 자동으로 나오게 하는 방법은 

! + tap을 누르면 자동으로 나오게 됩니다.

html:5를 누르면됩니다.

 

---

TIP.

라인 복사 하는 방법 : 알트 시프트 화살표 위 아래