프로그래밍/HTML

HTML 1일차 -웹브라우저, HTML 의 요소

윤도ri 2021. 12. 15. 00:38

 보통 인터넷이랑 웹은 혼용되기도 하는데 미세한 차이가 있다. 인터넷은 컴퓨터가 서로 연결되어 통신을 주고받는 컴퓨터끼리의 네트워크를 일컫는 말이고, 웹은 그 인터넷상에 정보가 얽혀있는 무형의 정보 네트워크를 말한다.

 

>인터넷

-전 세계에 걸쳐 원거리 접속이나 파일 전송, 전자 메일 등 데이터 통신 서비스를 받을 수 있는 컴퓨터 네트워크 시스템

 

>웹 브라우저(Web brower)

-사용자의 요청에 맞는 주소로 찾아가서 인터넷의 컨텐츠 (문서, 그림, 멀티미디어 파일 등)를 검색 및 열람 후 
사용자에게 응답하기 위한 응용 프로그램의 총칭이다.(=웹을 이용하기 위한 창구)
:텍스트를 UI로 구현해준다.

 

>클라이언트와 서버


                                                 요청(URL)
                  클라이언트[브라우저 이용] ----> 서버
(정보를 제공받는 사용자 또는 컴퓨터) <---- (정보를 제공하는 사용자 또는 컴퓨터)
                                           응답(데이터, 파일) 

 

>프로토콜(Protocol)

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

 

>IP(Internet Protocol)

-네트워크 상에서 다른 컴퓨터와 구별될 수 있도록 고유번호(주소)를 부여하는 프로토콜 

 000.000.000.000 -> 32비트 2진수(각 자리당 0~255/ 총 42억개)

 

>Domain

-ip 주소는 기억하고 이해하기 힘들기 때문에 이를 위해 이름을 부여하는 서비스

 

>하이퍼텍스트
-한 문서에서 다른 문서(연결되어 있는)로 접근할 수 있는 개념 


       HyperText를 적용한 언어  : HTML
       문서마다 붙여진 주소   : URL 
       컴퓨터와 컴퓨터 간에 메세지들  : HTTP 
       주고 받을 수 있는 통신규약 

 

>HTML(HyperText Markup Language)

-텍스트로 페이지의 구조와 데이터를 표기하는 언어
:HTML 문서는 확장명을 .html로 저장
:HTML 문서는 작성할 수 있는 프로그램이라면 어디든지 작성 가능
* 마크업 언어란 우리가 볼 웹페이지가 어떻게 구성되어 있는지를 브라우저에게 알려주기 위해 표기해놓은 언어 

 

>HTML의  요소

1<p> 3Hello HTML! 2</p>

1.여는 태그(Opening Tag) : 요소의 이름(p)과 열고 닫는 꺽쇠괄호로 구성
2.닫는 태그(Closing Tag)  : 요소의 이름 앞에 스래시(/)가 있다. 
3.내용(Content) : 요소의 내용이며, 단순한 텍스트이다.

--> 세개를 통틀어서 요소라고 한다. 요소의 이름은 대소문자를 구분하지 않지만  가독성에 있어서 소문자로 작성하는 것을 권장한다. HTML의 내용은 띄어쓰기, 줄바꿈을 구별하지 않는다.

 

넘나 이쁜것..!!! 
주석, 띄어쓰기, 꺽쇠, 엠퍼센드

 

'프로그래밍 > HTML' 카테고리의 다른 글

HTML 4일차 - 폼,디스플레이 속성  (0) 2021.12.17
HTML 3일차 - 테이블  (0) 2021.12.16
HTML 2일차 -태그, 이미지  (0) 2021.12.15