웹 사이트는 무엇입니까? 웹 페이지의 주요 요소를 나열

웹 페이지 - 컨텐츠의 대부분은 인터넷에 발표했다. 이것은 역사적으로 가상 네트워크 공간에 배치를위한 문서의 첫 번째 유형입니다,하지만 여전히 관련을 유지하고 실제적으로 경쟁하는 형식이 없습니다. 웹 페이지의 구조는 무엇인가? 일부 웹 개발 도구의 도움으로 그들이 만들어?

웹 사이트는 무엇입니까?

"웹 페이지의 주요 요소를 나열합니다"- 컴퓨터 과학의 교실에서 우리에게 심사를 알려줍니다. 우리는 회신에서 무슨 말을 할 수 있겠습니까? 원칙적으로 어떤 웹 페이지에 대한 이야기, 우선.

브라우저 및 각종 유용한 콘텐츠에 적합한 유형의 도움으로 컴퓨터 화면에 표시 할 데이터가 들어 - - 일반적으로 IT-전문가의 정의, 특별 프로그램에서 열 수 있도록 설계 된 문서들 사이에서 인정에 따르면, 텍스트, 링크, 그래픽, 비디오, 음악 및 ... 등 웹 사이트 - 텍스트 문서. HTML - 브라우저에 대한 관련 데이터는 마크 업 언어의 요소로 사용되는 문자, 숫자, 특수 문자입니다. 그것은 창조주의 도움으로 인 화면에 다른 내용을 표시하는 방법 브라우저는 웹 페이지에 "설명".

사이트 구조에서 웹 페이지의 장소 및 역할

이 웹 사이트의 주요 구성 요소입니다 - 우리는 웹 사이트 말할 수 있습니까? 이것은 부분적으로 사실이다. 우리가 위에서 언급 한 바와 같이 그러나, 웹 페이지 - 그냥 텍스트 문서입니다. 이 사이트 원칙적으로, 또한 사진, 비디오 및 기타 멀티미디어 요소가 있습니다. 웹 페이지 대신 할 수 있지만, 그 구조에, 그것은 그들에 대한 참조를 포함 할 수 있습니다. 따라서, 웹 페이지는 사용자에게 가상 컨텐츠의 매핑에서 지배적 인 역할의 측면에서 웹 사이트의 주요 구성 요소를 호출 할 수 있습니다.

드문 경우에, 물론, 문제의 문서는 사이트의 유일한 구성 요소입니다 - 어떤 이유로 디스플레이 그래픽, 비디오 및 기타 멀티미디어 요소를 제공하지 않는 경우. 특히, 최초의 사이트 - 웹 페이지의 마크 업 언어에만 나타납니다 - 관련 콘텐츠를 포함하지 않았다. 텍스트 만 및 링크는 사용자의 눈 앞에 있었다.

하이퍼 텍스트의 참여의 원칙

따라서, 문서라는 웹 페이지는 HTML 언어를 통해 하이퍼 텍스트 마크 업에 컴파일. 그러나이 현상은 무엇인가? 하이퍼 텍스트 (hyper text)는 무엇인가? 이론에 많은 것없이, 우리는주의 그 어떤 방법으로 다른에 빠르게 액세스 할 수 있습니다이 텍스트 - 참조. 수없는 일반적인 책에서 - "일반 텍스트."가 원하는 페이지에 액세스하려면 독자는 내용이나 각주를 읽기 전에, 약간의 반전을한다. 은 "하이퍼 텍스트"모드에서, 작품의 대부분은 컴퓨터에 의해 이루어집니다 - 페이지의 HTML 요소에 반영 정보의 비용.

컴퓨터 과학 선생님이 우리에게있는 경우 "웹 페이지의 주요 요소를 나열"우리는 아주 정확하게 HTML 마크 업을 사용하여 만든 관련 문서의 구성 요소에 대한 이야기를 시작할 수 있습니다. 따라서, 최초의 HTML에 관한 몇 가지 이론적 인 점을 고려하십시오.

HTML의 구조 : 태그

어떻게 브라우저가 HTML의 언어로 작성, 문서의 웹 페이지에서 필요한 데이터를 읽어합니까? 아주 간단합니다.

언어의 기본 요소 -이 태그. 그들은 대부분의 경우 남성에 - 오프닝 거기 폐쇄 있습니다. 제은 각괄호 의해서만 표시된다. 제 - 동일하지만 슬래시 제 브래킷의 전면에 위치 - 심볼 /. 브라우저가 인식 할 수있는, 따라서 문제는 문서의 개발자가 만든 알고리즘에 따라 웹 페이지를 표시하지 않습니다.

작은 - 오프닝 태그는 일반적으로 포함하는 큰 문자로 작성되었습니다. 이다 - 표준은 매체의 IT 전문가에 잘 설립. 브라우저는 확실히-HTML을 클릭 인식 어떤 문자를하지만, 웹 개발자는 여전히 표시 회로 쓰기 태그를 따라야합니다. 이것은, 예를 들어, 다른 전문가에 의해 웹 페이지의 개정을 촉진 할 것이다.

속성

HTML 언어의 다른 핵심 요소 - 속성. 글꼴 높이, 색, 페이지에 상대적인 위치로 - 그들의 도움으로, 웹 페이지 콘텐츠의 제작자는 속성을 설정할 수 있습니다. 같은 사진, 비디오 및 기타 멀티미디어 구성 요소에 간다. 속성은 시작 태그 내에 기록된다.

내용

개폐 태그 사이에 웹 페이지의 다음과 같은 주요 구성 요소가 있습니다 - 내용. 그것은 사실, 같은 내용이 화면에 사용자에게 표시하는 것입니다. 이것은 텍스트, 링크, 이미지, 동영상 또는 기타 멀티미디어 요소가 될 수 있습니다.

웹 페이지 요소

"그래서, 결국, 웹 페이지의 기본 요소를 나열!"- 교사를 반복합니다. "즐거움과 함께,"- 우리는 그것을 대답합니다. 문서의이 유형의 구조의 어떤 부분? 우리는 우리가 HTML - 웹 페이지 요소의 맥락에서 이러한 측면을 고려 않을 것에 동의합니다. 즉 그들은 브라우저에 표시한다 - 사용자가 화면에서 보는 것을 - 우리는 낮은 정도에 관심이 있습니다. 사실은 프로그램이 같은 내용을 표시하는 관련 HTML-알고리즘은 다를 수 있습니다. 그리고 HTML의 기능 : 당신은 다른 방법으로 웹 페이지에 원하는 이미지를 표시 할 수 있습니다. 따라서 그들은 창조자 노동을 의미하는 웹 페이지의 측면에서 동등 모두, 그리고 시간과이를 구현하기위한 노력의 다른 양을 가정 할 수있다.

웹 페이지 요소 : 제목

매우 소량에 주어진 웹 페이지의 기본 요소, 그것은 놀라운 들리 겠지만 것처럼. 사실, 두가 - 제목과 문서의 주요 부분은. 그러나, 그들 각각은 다소 복잡한 구조를 가질 수있다.

제목의 특이성은 무엇인가? 그것은 웹 페이지의 맨 위에 자리 잡고 있습니다. 단지 텍스트 "암호화"에 기대 원칙적으로, 헤더를 생성하지만 필요한 경우에는 해당 요소에, 작은 그래픽 삽입을 배치 할 수있는 HTML 코드에서는. 그리고, 사실, 모든 제목에 대한라고 할 수있다. 관련 문서의 구조에서 자신의 역할을 무시할 것으로 보인다. 그러나 이것은 사실이 아니다. Yandex 주차, 구글 - 웹 페이지 제목은 검색 엔진에서 사이트 색인의 측면에서 매우 중요하다. 완벽하게해야이 요소는 웹 페이지의 내용뿐만 아니라 틈새 사이트의 특성과 관련이있다.

어떻게 웹 페이지 제목은 HTML 언어를 사용하여 기록 하는가? 아주 간단합니다. 후, 헤더의 내용 - - 닫는 태그 먼저 항상 다음 꺾쇠 괄호, 그리고 머리로 나타납니다 여는 태그를 작성. 그들은 웹 문서의 맨 위에 물론 기록됩니다.

웹 문서의 헤더는 추가 요소들을 포함 할 수있다. 때로는 웹 페이지 형식은 특정 인코딩의 텍스트 표시를 요구할 수있다. 어떻게 그 기준이 웹 문서를 보장하기 위해? 아주 간단합니다. 같은 키릴 문자로 - 문서 헤더 구조에서는 특정 코딩 언어를 사용하는 브라우저를 처방 HTML-알고리즘을 배치해야합니다. 적절한 명령은 다른 것들처럼 열고 닫는 메타 태그 내에 배치된다.

웹 페이지의 주요 부분

웹 문서의 주요 부분은, 태그 BODY 열린 슬래시를 포함하는 대응하는 요소의 도움으로 폐쇄된다. 개폐 태그 사이에 동시에 추가 하이퍼 텍스트 마크 업 언어 명령의 엄청난 금액이 될 수 있습니다. 텍스트, 링크, 그래픽, 비디오, 다른 형태 작성하기 - 이것의 주요 부분이 유용한 웹 페이지의 콘텐츠를 배치한다는 사실 때문입니다.

내용의 각 유형의 각각은 자신의 태그가 있습니다. 예컨대, 특정 폰트 색상, 크기 및 다른 특성을 부여 - 웹 문서의 주요부의 구조에서, 텍스트의 포맷 또한 수행되는 본 HTML 커맨드 일 수있다.

일반적으로 사용되는 일부 HTML - 태그의 특이성이 무엇인지, 다음 생각 해보자. 사실, 그들은 또한 웹 페이지의 기본 요소를 형성한다.

기본 HTML - 태그

그래서, 웹 페이지의 요소 무엇인지에 대한 상세한 연구의 목적은 구체적으로 기본적인 HTML - 태그의 본질을 공부했다. 그들 중 일부는 우리가 이미 위에서 인용 한 - 브라우저가 웹 페이지 헤더를 읽고 문서의 주요 부분 인 결정있는 사람들, 특히있다.

아주 일반적인 태그 P. 그는 다른 유사한 요소 하이퍼 텍스트 마크 업 언어처럼 열고 닫을 수 있습니다. 이 태그는 별도로 촬영 한 문서의 단락을 포맷 할 수 있습니다. 당신은, 예를 들어, 특정 글꼴과 그 색상을 설정할 수 있습니다. FONT - 그러나,이 옵션 태그를 사용하여 수행됩니다. 이 경우, 제한을 의미 단락의 내부에 위치한다 - 그것은 웹 페이지의 HTML 다른 요소들에 커맨드를 표시 바람직한 폰트의 종류를 배포 할 것이다.

표 태그 생성 테이블. 그의 대응하는 특성을 이용하여 폭 특이성 경계, 및 폰트 크기 테이블의 텍스트의 색을 정의하는 열과 행의 필요한 수를 결정할 수있다.

IMG 태그는 브라우저 사진을 처리 할 책임이있다. 사진의 크기, 페이지 위치에 적용되는 다양한 속성을 배치 할 수있다.

다른 웹 문서 또는 파일에 대한 링크는 사실을 나타내는 속성 내부에 위치, 원칙적으로 태그 A를 사용하여 지정되는 웹 페이지의 구조 - 하이퍼 링크. 그것은 또한 인도되는 문서, 파일 또는 웹 사이트를 말한다.

프레임 셋으로 태그를 회람. 그것으로, 당신은 몇 가지 영역으로 공간의 웹 페이지를 나눌 수 - 프레임을. 그들 각각에서 당신은 할 수 링크를 게시 할 개별 웹 문서를. 즉, 프레임이 제대로 동시에 두 개 이상의 페이지에 동일한 화면에 배치 할 수 있습니다.

웹 페이지의 핵심 요소와 언어 HTML을 사용하여 서식 수단의 후속 이야기에 대한 이야기는 - 대략 알고리즘은 우리가 심사관을 묻는 질문에 우리의 해답이 될 것입니다. 그 다음 우리는 적절한 방법을 사용하고있다 "웹 페이지의 주요 요소를 나열"라고 우리에게 이야기한다면, 우리는 테마를 개발하기 위해 모든 기회가있다. , 텍스트, 이미지, 표, 프레임 웹 마스터는 HTML 언어와 같은 도구를 사용하여 생성하는 링크 - 즉, 용어 "요소"우리는 웹 문서 구조의 주요 구성 요소, 또는 콘텐츠의 유형을 이해할 수있다.

웹 개발 도구의 특이성

위뿐만 아니라, 우리는 어떤 태그와 표준 HTML에서 제공하는 특성을 명확히 할 수 - 엄청난 양. 하이퍼 텍스트 문서의 서식을 HTML 추가 자금뿐만 아니라 웹 개발자가 사용할 수 있습니다. 예를 들어, 자바 스크립트 스크립트 언어를 사용하여 동적 웹 페이지를 만들 수 있습니다 - 즉, 그있는 컨텐츠는 지속적으로 업데이트됩니다 (모두 인해 사용자의 행동 및 스크립트에 미리 정해진 알고리즘에 따라).

그것은 웹 개발자가 예를 들어, 같은 업무 본격적인 프로그래밍 언어에서 사용할 수있는 추가 도움이 될 것입니다, 펄, PHP, 하이퍼 텍스트 문서를 처리하는 경우에도 넓은 기회가 될하는 자바, 파이썬,. 매우 다른 - 이것에 대한 필요성은 웹 기술의 적용을 오늘하기 때문에 발생하는 것일 수 있습니다. 현대 개발자들이 직면하고있는 작업은 매우 복잡 할 수 있습니다. 예를 들어, 때때로는 러시아어, 영어로 작성된 웹 페이지 번역을 구현하는 데 필요합니다. 이 경우, 개발자 도구가 가장 다양 할 것입니다.