html 웹페이지는 . 웹 페이지 생성. HTML 언어 배우기. 웹 페이지 요소: 헤더

HTML 및 CSS를 사용하여 웹 사이트를 구축하는 방법에 대한 자습서를 시작하기 전에 두 언어 간의 차이점, 각 언어의 구문 및 일부 기본 용어를 이해하는 것이 중요합니다.

HTML과 CSS는 무엇입니까?

HTML(HyperText Markup Language)은 제목, 단락 또는 이미지와 같은 콘텐츠를 정의하여 콘텐츠의 구조와 의미를 정의합니다. CSS(Cascading Style Sheets) 또는 Cascading Style Sheets는 예를 들어 글꼴이나 색상을 사용하여 콘텐츠의 모양을 디자인하도록 설계된 프레젠테이션 언어입니다.

이 두 언어인 HTML과 CSS는 서로 독립적이며 그대로 유지되어야 합니다. CSS는 HTML 문서 내부에 작성되어서는 안 되며 그 반대도 마찬가지입니다. 일반적으로 HTML은 항상 콘텐츠를 나타내고 CSS는 항상 스타일을 정의합니다.

HTML과 CSS의 차이점에 대한 이해를 바탕으로 HTML에 대해 자세히 살펴보겠습니다.

기본 HTML 용어

HTML 작업을 시작하기 전에 새롭고 생소한 용어를 접하게 될 것입니다. 시간이 지남에 따라 모든 항목에 대해 자세히 알게 되겠지만 지금은 요소, 태그 및 속성이라는 세 가지 기본 HTML 용어부터 시작해야 합니다.

강요

요소는 페이지에서 개체의 구조와 콘텐츠를 정의하는 방법을 지정합니다. 일반적으로 사용되는 일부 요소에는 여러 수준의 제목이 포함됩니다(

~ 전에

) 및 단락(로 정의됨

); 항목을 목록에 추가할 수 있습니다. ,

, , 그리고 그리고 많은 다른 사람들.

요소는 꺾쇠 괄호를 사용하여 식별됩니다.<>, 요소 이름을 둘러쌉니다. 따라서 요소는 다음과 같이 표시됩니다.

태그

꺾쇠 괄호 추가< и >요소 주위에 태그로 알려진 것을 생성합니다. 태그는 여는 태그와 닫는 태그 쌍으로 가장 자주 발생합니다.

시작 태그는 요소의 시작을 표시합니다. 심볼로 구성되어 있습니다.<, затем идёт имя элемента и завершается символом >; 예를 들어,

.

종료 태그는 요소의 끝을 표시합니다. 심볼로 구성되어 있습니다.< с последующей косой чертой и именем элемента и завершается символом >; 예를 들어,

.

시작 태그와 끝 태그 사이의 내용은 해당 요소의 내용입니다. 예를 들어 링크에는 여는 태그가 있습니다. 및 닫는 태그. 이 두 태그 사이에 있는 것이 링크의 내용입니다.

따라서 링크 태그는 다음과 같이 표시됩니다.

...

속성

속성은 제공하는 데 사용되는 속성입니다. 추가 정보요소에 대해. 가장 일반적인 속성에는 요소를 식별하는 id 속성이 포함됩니다. 요소를 분류하는 class 속성; 포함된 콘텐츠의 소스를 지정하는 src 속성 관련 리소스에 대한 링크를 지정하는 href 속성.

속성은 요소 이름 뒤 여는 태그에 정의됩니다. 일반적으로 속성에는 이름과 값이 포함됩니다. 이러한 속성의 형식은 속성 이름, 등호, 인용 부호로 묶인 속성 값으로 구성됩니다. 예를 들어 요소 href 속성을 사용하면 다음과 같습니다.

셰이 하우

기본 HTML 용어 데모

이 코드는 웹 페이지에 "Shay Howe"라는 텍스트를 표시하고 이 텍스트를 클릭하면 사용자가 http://shayhowe.com으로 이동합니다. 링크 요소는 시작 태그로 선언됩니다. 및 닫는 태그둘러싸는 텍스트, 여는 태그에서 href="http://shayhowe.com"으로 선언된 링크 주소의 속성 및 값.

쌀. 1.01. 스키마 HTML 구문에는 요소, 속성 및 태그가 포함됩니다.

이제 HTML 요소, 태그 및 속성이 무엇인지 알았으니 첫 번째 웹 페이지를 함께 살펴보겠습니다. 여기에서 뭔가 새로운 것처럼 보이더라도 걱정하지 마세요. 우리가 가는 대로 해독할 것입니다.

HTML 문서의 구조 사용자 지정

HTML 문서는 .txt가 아닌 .html 확장자로 저장된 일반 텍스트 문서입니다. HTML 작성을 시작하려면 먼저 텍스트 에디터당신이 사용하기 편리합니다. 불행히도 여기에는 포함되지 않습니다. 마이크로 소프트 워드또는 Pages는 복잡한 편집기이기 때문입니다. HTML 및 CSS 작성에 가장 많이 사용되는 두 가지 텍스트 편집기는 Dreamweaver 및 Sublime Text입니다. 무료 대안 Windows용 Notepad++ 및 Mac용 TextWrangler도 참조하십시오.

모든 HTML 문서에는 다음 선언 및 요소를 포함하는 필수 구조가 포함되어 있습니다. , , 그리고 .

문서 유형 선언 또는HTML 문서 맨 처음에 위치하며 사용 중인 HTML 버전을 브라우저에 알려줍니다. 우리가 사용할 것이기 때문에 최신 버전 HTML, 우리의 문서 유형은 단순히. 그 후 요소가 온다 문서의 시작을 나타냅니다.

내부에 요소 다양한 메타데이터(페이지 관련 정보 포함)를 포함하여 문서의 상단을 정의합니다. 요소 내부의 콘텐츠 웹 페이지 자체에는 나타나지 않습니다. 대신 문서 제목(브라우저 창의 제목 표시줄에 표시됨), 외부 파일에 대한 링크 또는 기타 유용한 메타데이터를 포함할 수 있습니다.

웹 페이지의 모든 보이는 콘텐츠는 요소에 있습니다. . 일반적인 HTML 문서의 구조는 다음과 같습니다.

안녕하세요 세계!

이것은 웹 페이지입니다.

HTML 문서의 구조 데모

이 코드는 문서 유형 선언으로 시작하는 문서를 보여줍니다., 바로 뒤에 요소가 옵니다. . 내부에 이동 요소 그리고 . 요소 태그를 통한 페이지 인코딩을 포함합니다. 및 요소를 통한 문서의 제목

작업을 테스트하고 HTML과 CSS가 어떻게 잘 맞는지 확인할 시간입니다. 브라우저에서 index.html 파일을 열면(또는 이미 열려 있는 경우 페이지를 새로 고치면) 이전과 약간 다른 결과가 표시됩니다.

쌀. 1.04. CSS 재설정이 포함된 Styles Conference 웹 사이트

데모 및 소스 코드

아래에서 현재 상태의 Styles Conference 웹 사이트를 보고 다운로드할 수 있습니다. 원천현재 사이트.

요약

그래서 모든 것이 좋습니다! 이 자습서에서는 몇 가지 큰 단계를 수행했습니다.

이제 HTML과 CSS의 기본 사항을 알게 되었다고 생각해 보십시오. 계속해서 HTML과 CSS를 작성하는 데 더 많은 시간을 할애하면 이 두 언어로 작업하는 것이 훨씬 더 편해질 것입니다.

다음 사항을 고려했음을 기억하십시오.

• HTML과 CSS의 차이점.
• HTML 요소, 태그 및 특성 소개.
• 첫 번째 웹 페이지의 구조 설정.
• CSS 선택자, 속성 및 값 소개.
• CSS 선택자 작업
• HTML에서 CSS에 대한 포인터.
• CSS 재설정의 중요성.

이제 HTML을 자세히 살펴보고 의미론에 대해 조금 알아보겠습니다.

리소스 및 링크

• Scripting Master를 통한 일반적인 HTML 용어
• 인상적인 웹을 통한 CSS 용어 및 정의
• CSS 도구: Eric Meyer를 통해 CSS 재설정

인터넷에 있는 대부분의 콘텐츠는 웹 페이지입니다. 이것은 역사적으로 가상 네트워크 공간에 배치하기 위한 최초의 문서 유형이지만 여전히 관련성을 유지하고 사실상 경쟁 형식이 없습니다. 웹 페이지의 구조는 무엇입니까? 그것들을 만드는 데 어떤 웹 개발 도구가 사용됩니까?

웹 페이지란 무엇입니까?

"웹 페이지의 기본 요소를 나열하십시오." 컴퓨터 과학 수업에서 한 심사관이 말합니다. 그에 대한 응답으로 무엇을 말할 수 있습니까? 먼저 원칙적으로 웹 페이지가 무엇인지에 대해 이야기합시다.

IT 전문가들 사이에서 일반적으로 인정되는 정의에 따르면, 이것은 브라우저와 같은 특수 프로그램에서 열도록 의도된 문서이며 적절한 유형의 소프트웨어(텍스트, 링크, 그래픽, 비디오, 음악 등 웹 페이지는 텍스트 문서입니다. 브라우저 관련 데이터는 문자, 숫자 및 특수 기호, 마크업 언어 요소로 사용 - HTML. 그것의 도움으로 웹 페이지 작성자가 브라우저에 특정 콘텐츠를 화면에 표시하는 방법을 "설명"합니다.

사이트 구조에서 웹 페이지의 위치와 역할

웹 페이지가 웹 사이트의 주요 구성 요소라고 말할 수 있습니까? 이것은 부분적으로 사실입니다. 그러나 위에서 언급했듯이 웹 페이지는 텍스트 문서일 뿐입니다. 일반적으로 사이트에는 사진, 비디오 및 기타 멀티미디어 요소도 포함되어 있습니다. 웹 페이지는 그것들을 포함할 수 없지만 구조상 그것들에 대한 링크를 포함할 수 있습니다. 따라서 웹 페이지는 사용자에게 가상의 콘텐츠를 표시하는 주역이라는 점에서 사이트의 주요 구성 요소라고 할 수 있습니다.

물론 드문 경우지만 문제의 문서가 사이트의 유일한 구성 요소가 될 것입니다. 어떤 이유로 그래픽, 비디오 및 기타 멀티미디어 요소의 표시를 제공하지 않는 경우입니다. 특히 웹 페이지의 마크업 언어가 처음 등장한 최초의 사이트에는 해당 콘텐츠가 포함되어 있지 않았습니다. 사용자의 눈 앞에는 텍스트와 링크만 있었습니다.

하이퍼텍스트 사용 원칙

따라서 웹 페이지는 HTML 언어, 하이퍼텍스트를 마크업하는 데 사용됩니다. 그런데 이 현상은 무엇일까요? 하이퍼텍스트란? 이론에 너무 깊이 파고들지 않고, 우리는 이것이 어떤 식으로든 당신이 얻을 수 있는 텍스트라는 것을 주목합니다. 빠른 액세스링크를 통해 다른 사람에게. 일반 책에서는 불가능합니다. "일반 텍스트"가 있습니다. 원하는 페이지에 액세스하려면 독자는 이전에 내용이나 각주를 읽은 후 여러 번 뒤집어야 합니다. "하이퍼텍스트" 모드에서는 페이지의 HTML 요소에 반영된 정보로 인해 작업의 주요 부분이 컴퓨터에서 수행됩니다.

컴퓨터 과학 교사가 "웹 페이지의 주요 요소를 나열하십시오"라고 말하면 HTML 마크업 언어를 사용하여 생성된 해당 문서의 구성 요소에 대해 올바르게 말할 수 있습니다. 따라서 먼저 HTML에 관한 몇 가지 이론적 요점을 살펴보겠습니다.

HTML 언어 구조: 태그

브라우저는 HTML 문서에서 웹 페이지에 대한 필수 데이터를 어떻게 읽습니까? 매우 간단합니다.

필수 요소 주어진 언어태그입니다. 대부분의 경우 짝을 이룹니다. 오프닝이 있고 클로징이 있습니다. 전자는 꺽쇠 괄호만 사용하여 표시됩니다. 두 번째 것도 비슷하지만 두 번째 대괄호 앞에 슬래시(/ 기호)가 있습니다. 브라우저는 이를 인식할 수 있으므로 문서 개발자가 만든 알고리즘에 따라 문제 없이 웹 페이지의 내용을 표시합니다.

여는 태그는 보통 대문자로 쓰고, 닫는 태그는 소문자로 씁니다. 이것은 IT 전문가들 사이에서 확립된 표준입니다. 브라우저는 모든 문자의 HTML 명령을 확실히 인식하지만 웹 개발자는 여전히 표시된 태그 작성 체계를 고수하는 것이 좋습니다. 예를 들어 이것은 다른 전문가가 웹 페이지를 완성하는 것을 용이하게 합니다.

속성

HTML 언어의 다른 중요한 요소는 속성입니다. 도움을 받아 웹 페이지 작성자는 콘텐츠 속성(예: 글꼴 높이, 색상, 페이지 기준 위치)을 설정할 수 있습니다. 사진, 비디오 및 기타 멀티미디어 구성 요소에도 동일하게 적용됩니다. 속성은 여는 태그 안에 기록됩니다.

콘텐츠

여는 태그와 닫는 태그 사이에는 웹 페이지의 다음 핵심 구성 요소인 콘텐츠가 있습니다. 사실 이것은 화면에서 사용자 앞에 표시되어야 하는 바로 그 콘텐츠입니다. 텍스트, 링크, 사진, 비디오 또는 기타 멀티미디어 요소가 될 수 있습니다.

웹 페이지 요소

"마지막으로 웹 페이지의 기본 요소를 나열하십시오!" - 선생님을 반복합니다. "기쁨으로"라고 대답합니다. 고려중인 문서 유형의 구조에는 무엇이 포함됩니까? 웹 페이지의 HTML 요소 컨텍스트에서 이 측면을 고려한다는 데 동의합시다. 즉, 브라우저에서의 디스플레이(사용자가 화면에서 보는 것)는 우리의 관심을 덜 끌 것입니다. 사실은 프로그램이 동일한 방식으로 콘텐츠를 표시하는 기반이 되는 해당 HTML 알고리즘이 다를 수 있다는 것입니다. 그리고 이것은 HTML 언어의 특징입니다. 웹 페이지에서 원하는 이미지를 표시할 수 있습니다. 다른 방법들. 동시에 웹 페이지 작성자의 인건비 측면에서 동일하거나 구현에 다른 양의 노력과 시간을 의미할 수 있습니다.

웹 페이지 요소: 헤더

놀랍게도 웹 페이지의 표준 요소는 매우 적은 수로 존재합니다. 실제로 문서의 제목과 본문 중 두 가지만 있습니다. 그러나 각각은 다소 복잡한 구조를 가질 수 있습니다.

헤더의 세부 사항은 무엇입니까? 웹 페이지 맨 위에 있습니다. 제목을 생성하는 HTML은 일반적으로 텍스트만 "암호화"된다고 가정하지만 필요한 경우 작은 그래픽 삽입물을 해당 요소에 배치할 수도 있습니다. 사실 이것이 제목에 대해 말할 수 있는 전부입니다. 해당 문서의 구조에서 그 역할은 중요하지 않은 것 같습니다. 하지만 그렇지 않습니다. 웹 페이지 제목은 Yandex, Google과 같은 검색 엔진의 사이트 인덱싱 측면에서 매우 중요합니다. 이 요소는 웹 페이지의 콘텐츠 및 사이트의 주제와 완전히 관련이 있어야 합니다.

HTML을 사용하여 웹 페이지의 제목을 캡처하는 방법은 무엇입니까? 매우 간단합니다. 먼저 항상 꺾쇠 괄호가 있는 HEAD처럼 보이는 여는 태그가 쓰여진 다음 제목의 내용, 그 다음에는 닫는 태그가 표시됩니다. 물론 웹 문서 맨 위에 작성됩니다.

웹 문서의 제목에는 여러 추가 요소가 포함될 수 있습니다. 경우에 따라 웹 페이지의 형식에 따라 특정 인코딩으로 텍스트를 표시해야 할 수도 있습니다. 웹 문서가 이 기준을 충족하는지 확인하는 방법은 무엇입니까? 매우 간단합니다. 문서 헤더 구조에는 특정 언어 인코딩(예: 키릴 자모)을 사용하도록 브라우저에 지시하는 HTML 알고리즘이 포함되어야 합니다. 해당 명령은 다른 것과 마찬가지로 열고 닫을 수 있는 META 태그 내에 배치됩니다.

웹 페이지의 본문

웹 문서의 본문은 BODY 태그로 열리고 슬래시가 포함된 해당 요소로 닫힙니다. 동시에 여는 태그와 닫는 태그 사이에 하이퍼텍스트 마크업 언어의 추가 명령이 엄청나게 많이 있을 수 있습니다. 이는 웹 페이지의 주요 부분에 유용한 콘텐츠(텍스트, 링크, 그래픽, 비디오, 작성해야 할 다양한 양식)가 포함되어 있기 때문입니다.

각각의 콘텐츠 유형에는 고유한 태그가 있습니다. 웹 문서의 주요 부분 구조에는 예를 들어 글꼴에 특정 색상, 크기 및 기타 속성을 지정하는 등 텍스트 서식을 지정하는 데 사용할 수 있는 HTML 명령이 포함될 수 있습니다.

일반적으로 사용되는 일부 HTML 태그의 세부 사항을 살펴보겠습니다. 실제로 웹 페이지의 주요 요소를 형성하기도 합니다.

기본 HTML 태그

따라서 웹 페이지의 요소가 무엇인지 자세히 알아보기 위해 기본 HTML 태그의 본질에 대해 더 자세히 살펴보겠습니다. 우리는 이미 그들 중 일부를 나열했습니다. 특히 브라우저가 웹 페이지의 헤더를 읽고 문서의 본문이 있는 위치를 결정하는 것입니다.

P 태그는 매우 일반적이며 하이퍼텍스트 마크업 언어의 다른 유사한 요소와 마찬가지로 열고 닫을 수 있습니다. 이 태그를 사용하면 문서의 단일 단락에 서식을 지정할 수 있습니다. 예를 들어 특정 글꼴 유형이나 색상을 설정할 수 있습니다. 그러나 이것은 추가 태그인 FONT를 사용하여 수행됩니다. 동시에 단락의 한계를 나타내는 항목 안에 배치됩니다. 이렇게 하면 선호하는 글꼴 유형을 웹 페이지의 다른 요소에 반영하는 HTML 명령을 배포할 수 없습니다.

테이블은 TABLE 태그를 사용하여 생성됩니다. 해당 속성을 사용하여 필요한 열과 행 수를 결정하고 너비, 테두리의 세부 사항, 테이블의 텍스트 글꼴 크기 및 색상을 설정할 수 있습니다.

브라우저에서 이미지 처리를 담당합니다. 이미지의 크기, 페이지에서의 위치를 ​​조절하는 다양한 속성을 배치할 수도 있습니다.

다른 웹 문서나 파일에 대한 링크는 A 태그를 사용하여 표시되며, 일반적으로 웹 페이지의 구조가 하이퍼링크라는 사실을 나타내는 속성이 내부에 위치합니다. 이것은 그것이 연결되는 문서, 파일 또는 사이트를 나타냅니다.

일반적인 태그는 FRAMESET입니다. 이를 통해 웹 페이지의 공간을 프레임이라는 여러 영역으로 나눌 수 있습니다. 그들 각각에서 웹 문서를 분리하는 것이 가능합니다. 즉, 프레임을 사용하면 동시에 같은 화면에 둘 이상의 페이지를 올바르게 배치할 수 있습니다.

웹 페이지의 핵심 요소에 대한 이야기와 HTML 언어를 사용하여 형식을 지정하는 방법에 대한 후속 이야기 - 이와 같은 것이 심사관이 우리에게 묻는 질문에 대한 우리의 답변 알고리즘이 될 것입니다. 그가 "웹 페이지의 주요 요소를 나열하십시오"라고 연락하면 적절한 방법론을 사용하여 주제를 공개할 모든 기회를 갖게 됩니다. 즉, "요소"라는 용어로 웹 문서 구조의 핵심 구성 요소 또는 콘텐츠 유형(텍스트, 그림, 표, 프레임, 웹 마스터가 HTML 언어와 같은 도구를 사용하여 형성하는 링크)을 이해할 수 있습니다.

웹 개발 도구의 특성

말한 것 외에도 HTML 표준에서 제공하는 수많은 태그와 속성이 있음을 명확히 할 수 있습니다. HTML 외에도 웹 개발자는 하이퍼텍스트 문서에 대한 추가 서식 도구를 사용할 수 있습니다. 예를 들어 자바스크립트동적 웹 페이지, 즉 콘텐츠가 지속적으로 업데이트되는 페이지를 만들 수 있습니다(사용자 자신의 행동과 스크립트에 미리 작성된 알고리즘에 따라).

웹 개발자가 예를 들어 Perl, PHP, Java, Python과 같은 작업에서 본격적인 프로그래밍 언어를 사용할 수 있다는 점을 추가하는 것이 유용할 것입니다. 더 넓습니다. 이것이 필요한 이유는 오늘날 웹 기술의 적용 영역이 매우 다르기 때문일 수 있습니다. 현대 개발자가 직면하는 작업은 상당히 복잡할 수 있습니다. 예를 들어 러시아어로 작성된 웹 페이지를 영어로 번역해야 하는 경우가 있습니다. 이 경우 개발자 툴킷이 가장 다양합니다.

작업의 목표: HTML 언어의 기본 개념, HTML 문서의 구조, 필수 태그, 주석, 텍스트 서식 지정 방법, 물리적 및 논리적 스타일, 간단한 정적 웹 문서 작성 기술 습득에 대한 학생들의 숙지.

실습에서는 메모장 텍스트 편집기를 사용하여 HTML 파일을 준비하고 Internet Explorer 브라우저를 도구로 사용하여 수행된 작업을 모니터링합니다.

이론적 정보

기본 개념

하이퍼텍스트- 한 요소에서 다른 요소로 쉽게 전환할 수 있는 방식으로 컴퓨터 화면의 텍스트 요소 사이에 의미론적 관계를 설정할 수 있는 정보 구조. 실제로 하이퍼텍스트에서 일부 단어는 밑줄을 그거나 다른 색으로 색칠(하이퍼링크)하여 강조 표시됩니다. 단어를 강조 표시하면 강조 표시된 단어와 관련된 주제가 더 자세히 고려되는 일부 문서와 이 단어의 연결이 있음을 나타냅니다. 단일 HTML 문서는 다음과 같이 호출됩니다.

HTML 문서;

웹 문서

웹 페이지.

이러한 페이지는 일반적으로 HTM 또는 HTML 형식입니다.

한 작성자 또는 IEDI에 속하고 공통 하이퍼링크로 상호 연결된 웹 페이지 그룹은 웹 사이트 또는 웹 사이트라는 구조를 형성합니다. 각 HTML 페이지에는 고유한 URL이 있습니다. ㅏ디피이자형씨인터넷에서.

액자 (액자) 두 가지 의미를 가진 용어입니다. 첫 번째 값은 스크롤 막대가 있는 문서 영역입니다. 두 번째는 애니메이션 그래픽 파일(프레임)의 0DNN0H 이미지입니다.

애플릿(애플릿) - 별도의 파일로 클라이언트 컴퓨터에 전송되어 웹 페이지를 볼 때 실행되는 프로그램입니다.

스크립트(스크립트) , 또는 스크립트는 기능을 향상시키기 위해 웹 페이지에 포함된 프로그램입니다. 특정 상황에서 Internet Explorer 브라우저에 "페이지에서 스크립트를 허용하시겠습니까?"라는 메시지가 표시됩니다. 이 경우 스크립트를 의미합니다.

CGI (흔한 게이트웨이 상호 작용) - 서버에서 작동하는 프로그램의 일반적인 이름으로 웹 페이지의 기능을 확장할 수 있습니다. 이러한 프로그램 없이는 대화형 웹 페이지를 만드는 것이 불가능합니다.

브라우저(브라우저) - 웹 페이지를 보기 위한 프로그램.

요소- HTML 언어의 구성. 데이터를 포함하고 특정 방식으로 형식을 지정할 수 있는 컨테이너로 생각할 수 있습니다. 모든 웹 페이지는 요소 집합입니다. 하이퍼텍스트의 주요 아이디어 중 하나는 요소를 중첩하는 기능입니다. 예를 들어:

<Начало элемента>요소의 내용, 요소가 형식을 지정하는 데이터

꼬리표(영어 태그 - 레이블, 설명자, 레이블) - 요소의 시작 또는 끝 마커입니다. 태그는 요소의 범위를 정의하고 요소를 서로 분리합니다. 웹 페이지의 텍스트에서 태그는 꺾쇠 괄호로 묶여 있습니다.< >, 끝 태그 뒤에는 항상 슬래시가 옵니다. 이 대괄호(< >)는 브라우저에서 볼 때 전체적으로 볼 수 있습니다. 예를 들어:

<Начальный тег>요소의 내용, 데이터

요소의 형식을 지정합니다.

<Р>이 텍스트는 별도의 단락에 있습니다.

모든 웹 페이지는 요소 집합입니다. HTML의 기본 원칙 중 하나는 한 요소를 다른 요소 안에 중첩하는 기능입니다.

기인하다- 요소의 매개변수 또는 속성. 속성은 시작 태그 안에 있으며 공백으로 서로 구분됩니다. 시멘트에 텍스트가 포함된 경우 속성은 글꼴 색상과 크기, 정렬을 설정할 수 있습니다. 텍스트 단락등등. 요소에 그림이 포함된 경우 속성은 그림의 크기, 그림 주변 프레임의 존재 및 크기 등을 설정할 수 있습니다.

<Р align="center">이 텍스트는 화면 중앙에 정렬됩니다.

이 예에서도 단락의 시작과 끝을 정의하는 태그가 있습니다. 그러나 시작 태그에는 텍스트 정렬을 화면 중앙으로 설정하는 align 속성이 포함되어 있습니다.

메모:

유용한 정보는 형식을 나타내는 시작 태그와 종료 태그 사이에 있어야 합니다.

모든 속성은 시작 태그에 있습니다.

편의를 위해 시작 태그는 대문자(대문자)(P)로, 끝 태그는 소문자(소문자)(/p)로 작성할 수 있지만 필수는 아닙니다.

모든 요소에 종료(닫는) 태그가 필요한 것은 아닙니다.

새 줄에 각각의 새 요소를 쓰기 시작합니다. 중첩된 요소는 들여쓰기(탭)됩니다. 다시 말하지만 이것은 필수는 아니지만 작업이 훨씬 쉬워집니다.

웹 페이지는 텍스트, 그래픽, 하이퍼링크, 오디오, 애니메이션 및 비디오를 포함할 수 있는 특수 형식의 문서입니다.

공통 테마, 디자인 및 링크를 공유하고 일반적으로 동일한 웹 서버에 있는 여러 웹 페이지가 웹 사이트를 형성합니다.

웹 사이트 ait(영어에서. 웹사이트: 편물- "웹, 네트워크" 및 대지- "장소", 문자 그대로 "네트워크의 장소, 세그먼트, 부분") - 세트 전자 문서(파일)에 있는 개인 또는 조직의 컴퓨터 네트워크, 하나의 주소(도메인 이름 또는 IP 주소)로 결합됩니다.

모든 사이트가 함께 구성월드 와이드 웹, 통신 (웹)은 세계 공동체의 정보 세그먼트를 하나의 전체, 즉 행성 규모의 데이터베이스 및 통신으로 통합합니다. 서버의 사이트에 대한 클라이언트의 직접 액세스를 위해 프로토콜이 특별히 개발되었습니다. http .

웹 사이트는 주제나 문제에 대한 정보를 포함하는 잡지와 같은 구조입니다. 잡지가 인쇄된 페이지로 구성되는 것처럼 웹 사이트는 컴퓨터에서 생성된 웹 페이지로 구성됩니다.

웹 페이지를 표시하는 프로그램을 웹 브라우저라고 합니다.

웹 사이트 생성은 하이퍼텍스트 문서 HTML의 마크업 언어를 사용하여 구현됩니다. HTML 기술은 제어 문자(태그)가 일반 텍스트 문서에 삽입되어 결과적으로 웹 페이지를 얻는 것입니다. 브라우저는 웹 페이지를 로드할 때 태그가 지정한 형식으로 화면에 표시합니다.

HTML은 다음을 허용합니다.

텍스트 서식 지정

문서에 이미지, 멀티미디어 포함;

이 언어는 다른 웹 페이지에 대한 하이퍼텍스트 링크를 생성합니다.

HTML은 파일의 정보 콘텐츠를 만들고 웹 페이지의 구조와 형식을 정의하는 데 사용됩니다. HTML 파일은 일반 텍스트 파일이므로 이러한 파일을 거의 모든 컴퓨터로 보낼 수 있습니다.

웹 페이지를 생성하기 위해 생성 중인 문서에 텍스트 서식 제어 문자를 포함하지 않는 간단한 텍스트 편집기가 사용됩니다. Windows의 이러한 편집기로 다음을 사용할 수 있습니다. 표준 애플리케이션"공책".

일반적으로 웹 페이지 파일의 확장자는 .html 또는 .htm입니다.

또한 사이트 생성의 주요 단계가 이미 자동화되어 있는 기술이 많이 있으므로 주제에 따라 변경하는 것만 남아 있습니다.

HTML 페이지를 보는 것은 웹 브라우저의 주소 표시줄에 해당 URL을 입력한 다음 하이퍼링크를 따라가는 것만큼 간단합니다. 그러나 이것이 바로 주요 문제입니다. 페이지 주소를 찾는 방법은 무엇입니까? 무엇을 찾아야 하는지는 알지만 정확히 어디를 찾아야 할지 모르는 경우가 가장 많습니다. 이 문제를 해결하기 위해 특별한 검색 엔진이 있습니다. 사용자 입장에서는, 검색 시스템정상적인 사이트입니다 홈페이지여기에는 제목("스포츠", "비즈니스", "컴퓨터" 등)으로 구분된 다른 사이트에 대한 링크가 포함되어 있습니다. 또한 검색 엔진을 통해 사용자는 여러 키워드를 입력하고 해당 키워드가 포함된 페이지에 대한 링크를 반환할 수 있습니다.

웹 사이트

웹 사이트 (eng. 웹 사이트, 웹 - 웹 및 사이트 - "장소") - 컴퓨터 네트워크에서 하나의 주소로 통합된 개인 또는 조직의 문서 집합입니다. 기본적으로 사이트는 인터넷에 있다고 가정합니다. 모든 인터넷 웹사이트는 집합적으로 World Wide Web을 구성합니다. HTTP 프로토콜은 클라이언트가 서버의 웹사이트에 직접 액세스할 수 있도록 특별히 설계되었습니다. 웹 사이트는 사람이나 조직의 인터넷 표현이라고도 합니다. "인터넷에 있는 자신의 페이지"라고 말하면 전체 웹 사이트 또는 다른 사람 사이트의 일부인 개인 페이지를 의미합니다. 인터넷상의 웹 사이트 외에도 휴대폰용 WAP 사이트도 사용할 수 있습니다.

처음에 웹 사이트는 정적 문서 모음이었습니다. 현재 대부분은 역동성과 상호 작용이 특징입니다. 이러한 경우 전문가는 웹 애플리케이션 - 준비라는 용어를 사용합니다. 소프트웨어 패키지웹 사이트의 문제를 해결하기 위해. 웹 애플리케이션은 웹사이트의 일부이지만 데이터가 없는 웹 애플리케이션은 엄밀히 말하면 웹사이트일 뿐입니다.

인터넷에서 대부분의 경우 하나의 웹사이트는 하나의 도메인 이름에 해당합니다. 정확하게 따라 도메인 이름사이트는 글로벌 네트워크. 다른 옵션도 가능합니다: 여러 도메인의 한 사이트 또는 한 도메인의 여러 사이트. 일반적으로 여러 도메인은 대규모 사이트(웹 포털)를 사용하여 제공되는 서로 다른 유형의 서비스(mail.yandex.ru, news.yandex.ru, auto.yandex.ru)를 논리적으로 분리합니다. 별도의 도메인을 할당하는 경우도 빈번합니다. 다른 나라또는 언어. 예를 들어 google.ru와 google.fr은 논리적으로 다른 언어의 Google 사이트이지만 기술적으로는 다른 사이트입니다. 하나의 도메인 아래에 여러 사이트를 결합하는 것은 무료 호스팅. 주소에서 사이트를 식별하기 위해 호스트를 지정한 후 물결표와 사이트 이름이 있습니다: example.com/~my-site-name/.

인기 카테고리:

Acoustic Energy AE1 MkIII: 전체 라우드스피커에 대한 참조 표준...

읽다

CryptoPro 설치 방법 - 개인 인증서 설치 방법 ...

읽다

Alcatel van touch pixie용 펌웨어

읽다

애니메이션 데스크탑 배경

읽다