웹 페이지는 World Wide Web(WWW)에서 사용할 수 있는 단일 하이퍼텍스트 문서입니다. HTML 요소로 구성되어 있으며, 다음과 같이 사용자의 브라우저에 표시됩니다. 모질라 파이어 폭스 , 크롬 등 '라고도 한다. 페이지.'
이 주제에서는 다음 주제를 포함하여 웹페이지의 다양한 세부 사항에 대해 논의하겠습니다.
웹페이지란 무엇입니까?
웹페이지는 HTML로 작성된 문서이며 모든 웹 브라우저에서 볼 수 있습니다. 이는 해당 웹 페이지의 URL을 입력하여 액세스할 수 있는 웹 서버 내에 포함되어 있으며 일단 로드되면 사용자의 웹 브라우저에 나타납니다. 각 웹페이지는 고유한 URL로 연결되어 있습니다. 따라서 두 페이지는 동일한 URL을 가질 수 없습니다.
웹페이지에는 다음이 포함될 수 있습니다. 텍스트, 다른 페이지에 대한 링크, 그래픽, 비디오 등 . 또한, 주로 텍스트, 이미지 등의 형태로 사용자에게 정보를 제공하는 데 사용됩니다.
웹페이지는 웹사이트의 일부입니다. 이는 웹사이트에 다른 웹페이지가 포함되어 있음을 의미합니다. 와 같은 javaTpoint.com 은 웹사이트이고, 현재 접속하고 있는 페이지는 웹페이지입니다. 책의 예시로 이해될 수 있다. 따라서 웹사이트는 완전한 책과 같고, 웹페이지는 그 책의 페이지와 같습니다.
WWW나 인터넷에는 수백만 개의 웹 페이지가 포함되어 있으며 매일 많은 것이 추가되고 있습니다. 팀 버너스리가 개발한 첫 번째 웹페이지.
웹페이지에서 사용되는 몇 가지 기본 용어를 이해해 보겠습니다.
- 인터넷의 웹 서버에 연결하여 사용자가 보고 싶은 페이지를 요청합니다. 해당 페이지를 찾으면 해당 페이지를 장치에 표시합니다.
- 페이지 내의 HTML 태그 세트를 해석하여 페이지를 올바른 형식으로 표시할 수 있습니다.
참고: 연습을 위해 웹 서버 없이 스스로 웹 페이지를 만들 수 있으며 브라우저는 해당 페이지를 컴퓨터에만 표시합니다.
참고: 웹 브라우저는 PDF 문서나 이미지와 같은 다른 문서도 표시할 수 있지만 HTML 문서만 웹 페이지라고 합니다.
웹페이지의 특성
다음은 웹 페이지의 몇 가지 특징입니다.
- 간단한 웹페이지를 매우 빠르게 만들 수 있습니다.
- 웹사이트에 비해 웹페이지를 만드는 데는 시간이 거의 걸리지 않습니다.
- 웹페이지와 웹사이트는 모바일, 데스크톱, 노트북 등 모든 기기와 호환되어야 합니다.
- 검색엔진은 링크를 통해 웹페이지를 제공하고, 사용자가 해당 링크를 클릭하면 해당 웹사이트의 웹페이지로 리디렉션됩니다.
- 웹페이지에는 비디오, 오디오를 포함한 모든 유형의 정보가 포함될 수 있습니다.
- 역동적이고 매력적인 동작을 위해 HTML(Hypertext Markup Language), CSS, JavaScript만으로 구성할 수 있습니다.
웹페이지와 웹사이트의 차이점
웹사이트와 웹페이지는 서로 연관되어 있기 때문에 일부 사용자는 이를 서로 바꿔서 사용할 수도 있지만 서로 많은 차이가 있습니다. 그들 사이의 기본적인 차이점은 웹페이지는 단일 웹 문서인 반면, 웹사이트는 여러 웹페이지의 모음입니다. 두 가지의 차이점은 다음과 같습니다.
| 웹사이트 | 웹 페이지 |
|---|---|
| 웹사이트는 하이퍼링크로 서로 연결된 다양한 웹페이지의 모음입니다. | 웹페이지는 단일 하이퍼텍스트 문서입니다. |
| 이는 하나 이상의 웹페이지로 구성됩니다. | 사용자의 브라우저에 표시되는 단일 문서입니다. |
| 웹사이트를 개발하려면 개발자는 웹페이지에 비해 더 많은 기술과 시간이 필요합니다. | 웹페이지를 개발하려면 개발자는 기본적인 HTML 지식과 적은 시간이 필요합니다. |
| 웹 사이트는 도메인 이름을 통해 액세스되며 URL에는 확장자가 포함되어 있지 않습니다. | 웹페이지는 일부 확장명이 포함된 고유한 URL을 통해 액세스됩니다. |
| 여기에는 다양한 기술에 대한 정보가 포함된 Javatpoint.com과 같은 다양한 엔터티에 대한 정보가 포함될 수 있습니다. | 여기에는 현재 이 페이지에 대한 정보만 포함된 웹 페이지를 보고 있는 것과 같이 단일 엔터티에 대한 정보가 포함될 수 있습니다. |
| 완벽한 웹사이트를 만드는 것은 약간 어렵고 많은 프로그래밍이 필요합니다. | 웹페이지를 만드는 방법은 매우 간단합니다. |
| 웹사이트의 예로는 Javatpoint.com, Amazon.com 등이 있습니다. | 웹페이지의 예로는 현재 보고 있는 페이지, 연락처 페이지, 등록 페이지, 홈페이지 등이 있습니다. |
참고: 웹페이지와 웹페이지라는 용어는 동일하며 둘 다 기술적으로 정확합니다. 그러나 대부분의 스타일 가이드에서는 웹 페이지 대신 웹 페이지 사용을 제안합니다.
웹페이지는 어떻게 작동하나요?
마크업 언어인 HTML을 이용하여 간단한 웹페이지를 생성합니다. 그러나 CSS와 JavaScript를 사용하여 더 많은 기능을 추가하고 더욱 매력적으로 만들 수도 있습니다.
이는 HTML을 사용하여 생성되므로 화면에서 데이터 형식을 지정하는 방법을 지정하는 다양한 마크업 태그를 포함합니다.
웹페이지는 웹서버 내에 포함되어 있습니다. 이 웹페이지를 로드하기 위해 클라이언트는 서버에 요청을 보내는데 일반적으로 브라우저는 인터넷에서 페이지를 요청할 수 있는 클라이언트라고 합니다.
웹 브라우저는 인터넷 페이지를 요청합니다. 서버에서 응답하면 브라우저는 마크업 태그를 해석하고 이를 올바른 형식으로 사용자 화면에 표시합니다.
브라우저는 다음을 통해 페이지나 파일에 대한 요청을 보냅니다. HTTP 요청. HTTP는 하이퍼 텍스트 전송 프로토콜 , 브라우저와 서버 간에 인터넷을 통해 하이퍼미디어 문서를 전송할 수 있는 네트워크 프로토콜입니다.
요청이 서버에 도달하면 HTTP 서버는 요청을 수락하고 요청한 페이지를 찾아 다음을 통해 브라우저로 다시 보냅니다. HTTP 응답 . 서버가 요청한 페이지를 찾을 수 없으면 404 응답 .
웹페이지의 요소
웹페이지의 주요 요소는 HTML로 구성된 텍스트 파일입니다. 이 외에도 웹페이지에는 다음 요소가 포함될 수 있습니다.
모든 웹 페이지는 다른 웹과 다르지만 일부 구성 요소는 거의 모든 페이지에 공통됩니다. 이러한 구성 요소 중 일부는 다음과 같습니다. 또한 주어진 이미지를 통해 이러한 요소를 연관시킬 수도 있습니다.
- 원하는 이름으로 파일을 저장하고 .html 확장자 . 예를 들어 다음과 같이 저장합니다. HTML 이름.
- 저장된 파일(web.html)에 가서 더블클릭하거나 마우스 오른쪽 버튼을 클릭하여 실행하세요.
- 기본 브라우저에서 열리고 아래 출력이 표시됩니다.
웹사이트 이름에는 해당 사이트의 홈 페이지로 리디렉션할 수 있는 링크도 있습니다. 웹사이트 이름은 일반적으로 페이지 헤더에 포함됩니다.
이것은 내 첫 번째 웹 페이지입니다!
위 코드에서는 다음 태그가 사용되었습니다.
제목 태그와
단락 태그.
참고: 각 태그를 html로 끝내고 모든 태그를 대문자나 소문자로 입력하는 것이 중요합니다. 그러나 소문자를 사용하는 것이 좋습니다.
HTML을 사용하여 이미지 추가, 배경 이미지, 테두리, 표, 표 등과 같은 다양한 요소에 대해 더 많은 태그를 추가할 수도 있습니다. 여기에서 이 모든 것을 배울 수 있습니다.
참고: 이 웹페이지는 귀하의 컴퓨터에만 로컬이며 귀하의 브라우저에서만 볼 수 있습니다. 이 내용을 인터넷에서 보려면 먼저 게시해야 합니다.
페이지를 만든 후 편집기를 통해 파일을 변경할 수도 있습니다. 변경하고 파일을 다시 저장한 다음 페이지를 다시 로드하면 됩니다. 해당 변경 사항이 화면에 나타납니다.