때때로 웹 페이지를 "프로그래밍"한다는 말을 들을 수 있지만 브라우저 창에서 텍스트 서식을 지정하는 것은 실제로 프로그래밍이 아닙니다. 서식 언어의 이름에서 알 수 있듯이 마크업 언어를 나타냅니다. 즉, 파일을 인쇄하거나 표시할 때 파일 모양을 나타내거나 논리적 구조(예: 단락 및 글머리 기호 목록)를 정의하기 위해 문서 본문에 삽입된 다양한 문자로 구성됩니다. 마크업 언어를 사용하지 않는 경우 표시되는 데이터는 문자나 단락 서식이 없는 원시 텍스트입니다.
마크업 언어는 다음과 같은 형식을 취하는 설명자 또는 태그라는 코드를 사용하여 문서의 모양을 정의합니다. ... 첫 번째 설명자는 서식 지정의 시작점을 나타내고 두 번째 설명자(슬래시 포함)는 코드의 끝을 나타냅니다. 두 번째 설명자를 생략하면 첫 번째 설명자가 지정한 인코딩이 문서 끝에 적용됩니다.

메모:
마크업 언어는 수동으로 텍스트 편집기(예: 메모장)를 사용하거나 텍스트를 원하는 대로 시각적으로 정렬할 때 코드를 추가하는 그래픽 도구를 사용하여 구조화되지 않은 텍스트에 적용할 수 있습니다.
초보자가 텍스트 편집기만큼 정확하지 않은 그래픽 도구로 작업하는 것이 더 쉽습니다.

하이퍼텍스트 마크업 언어(HTML)

HTML(HyperText Markup Language)은 코딩의 중추이자 대부분의 웹 페이지의 중추입니다. HTML을 사용하면 텍스트와 그래픽, 스프레드시트 콘텐츠를 게시하고 대화형 읽기를 위해 데이터베이스에서 보고서를 만들 수도 있습니다. 다음을 수행할 수 있으므로 모든 유형의 정적 정보를 구성하고 형식을 지정하는 데 유용합니다.

● 텍스트의 크기와 글꼴을 설정합니다.
● 굵게, 기울임꼴 또는 밑줄로 텍스트 서식을 지정합니다.
● 다른 페이지에 대한 링크를 설정합니다.
● 이미지 삽입;
● 페이지 제목을 만듭니다.
● 테이블을 생성합니다.
● 검색 엔진이 작동하는 데 필요한 메타데이터를 포함합니다.

메모:
메타데이터는 웹 페이지에 나타나지 않지만 엔진 검색으로 감지할 수 있는 숨겨진 데이터를 말하며, 이를 통해 특정 사이트로 이동할 수 있습니다.

세 가지 유형의 HTML 설명자가 사용됩니다.

● 텍스트 또는 개별 문자 서식 지정용.
● 단락 또는 기타 큰 텍스트 블록의 서식 지정용.
● 검색을 수행하기 위해 메타데이터와 같은 다른 기능을 제공하는 보이지 않는 설명자.

다른 마크업 언어에 비해 HTML의 주요 장점은 엄청난 다양성입니다. 현재 버전의 HTML은 거의 모든 브라우저(물론 최신 및 그래픽)에서 지원됩니다. 이것은 동적 HTML(DHML), XML, Java 및 ActiveX에 대해 항상 해당되는 것은 아닙니다. 모든 종류의 브라우저에서 웹 사이트에 액세스할 수 있도록 하려면 HTML을 사용하는 것이 좋습니다.

동적 HTML(DHML)

동적 HTML(동적 HTML - DHML)은 HTML보다 유연합니다.
정적 웹 페이지를 대중에게 노출하는 대신 DHTML을 사용하여 원본 문서의 모양을 방해하지 않고 사용자가 사용자 지정할 수 있는 웹 페이지를 만들 수 있습니다. 예를 들어, DHTML로 렌더링된 페이지에는 사용자가 원하는 대로 콘텐츠를 재배열하기 위해 페이지 주위를 이동할 수 있는 다양한 요소가 포함될 수 있습니다. 그러나 페이지의 이미지를 새로고침(새로 고침)하면 변경 사항이 사라지고 원래 형태로 돌아갑니다.
DHTML은 HTML에서 사용할 수 없는 다음 기능을 지원합니다.

● 동적 스타일.
● 정확한 위치 지정.
● 데이터 바인딩.
● 동적 콘텐츠.

그게 뭔지 이해가 안 되시나요? 걱정하지 마십시오. 아래에 설명이 있습니다.

웹 문서에 스타일 적용하기. 동적 스타일은 페이지의 개별 부분에 수동으로 서식을 지정하는 대신 페이지 전체에 적용할 때 CSS(Cascading Style Sheet)의 원칙을 기반으로 합니다.
최신 워드 프로세서로 작업한 적이 있다면 스타일 시트에 익숙할 것입니다. 스타일 시트를 사용하면 텍스트 블록에 부여한 스타일에 따라 자동으로 어떤 방식으로든 텍스트 블록의 서식을 지정할 수 있습니다. 서식 지정은 텍스트의 색상, 글꼴, 배치, 가시성을 변경하는 것을 의미합니다. 일반적으로 텍스트의 속성과 관련된 거의 모든 것입니다. CSS(및 DHTML)는 동일한 작업을 수행하지만 텍스트가 아닌 웹 페이지 렌더링에만 적용됩니다.
DHTML로 구현된 동적 스타일은 워드 프로세서에서 찾을 수 없는 기능을 제공합니다. 예를 들어, 링크를 생성할 때 텍스트 위에 마우스 포인터를 올려놓으면 자동으로 색상이 바뀌거나 화면의 특정 영역에 마우스를 가져가면 표시되도록 마크업할 수 있습니다.
이러한 스타일의 유일한 단점은 대부분의 문서에 스타일 시트를 포함해야 한다는 것입니다. 이것은 특히 스타일시트나 문서 변환에 익숙하지 않은 사람들에게 시간이 많이 걸리는 작업입니다.

텍스트를 올바른 위치에 배치합니다. DHML의 또 다른 장점은 페이지에서 요소의 정확한 위치를 찾아내는 기능입니다. 수평(x), 수직(y) 및 짝수 체적(z) 좌표는 개체의 위치를 ​​나타내는 데 사용됩니다. (3D 좌표계에서 개체를 배치하면 개체를 "겹칠" 수 있습니다.) 정확한 위치를 지정하면 이미지 주위에 텍스트를 배치하고 브라우저 창 내에서 개체를 이동할 수 있습니다.

메모:
CSS가 없는 HTML은 개체의 정확한 배치를 제공하지 않습니다. 이 경우 요소의 배치는 브라우저에 의해 결정됩니다.

페이지에 데이터를 삽입합니다. 예를 들어 데이터베이스에 저장된 일부 내부 정보(백엔드 정보)에 대한 액세스를 사용자에게 제공하려면 일반 HTML 페이지가 원본 데이터가 있는 서버에 연결되어야 하며 조작 권한을 요청해야 합니다. 이 데이터. DHTML을 사용하면 데이터를 특정 페이지에 바인딩할 수 있으므로 원본 데이터를 위반하지 않고 데이터를 저장하는 서버와 상호 작용하지 않고도 바인딩된(또는 더 정확하게는 바인딩된) 데이터로 작업할 수 있습니다. 이를 위해 데이터 소스가 페이지에 입력됩니다(모든 데이터베이스의 콘텐츠와 동일한 방식으로 데이터 소스를 정렬 및 필터링할 수 있음). 이렇게 하면 서버 부하가 줄어들 뿐만 아니라 사용자가 데이터 소스 자체에 대한 액세스 권한을 부여하지 않고도 데이터를 보고 조작할 수 있습니다.

다이내믹한 콘텐츠를 제작합니다. 스타일 시트를 사용하면 웹 게시자가 페이지 또는 페이지 집합의 모양을 쉽게 변경할 수 있습니다.
동적 콘텐츠를 사용하면 웹 사용자가 스크립트 실행을 통해 페이지의 모양과 느낌을 다음과 같이 변경할 수 있습니다.

● 페이지 요소를 삽입하거나 숨깁니다.
● 텍스트를 수정합니다.
● 텍스트의 구조를 변경합니다.
● 내부 소스(백엔드 소스)에서 데이터를 이동하고 사용자의 요청에 따라 표시합니다.

사용자의 브라우저에 로드되기 전에만 페이지 내용을 변경할 수 있는 HTML과 달리 DHTML은 언제든지 변경 내용을 감지할 수 있습니다.
동적 콘텐츠는 사용자가 볼 항목을 결정할 수 있도록 하는 스크립트와 함께 사용할 때 높은 수준의 상호 작용을 제공하는 기능을 제공합니다.

조언:
"회의 구성" 섹션(위)에는 특정 사무실의 위치와 사용자가 찾으려는 직원의 초상화를 보여주는 웹 기반 건물 지도가 있습니다. 이 지도는 동적 콘텐츠를 만들기 위해 DHTML 마크업 도구를 사용하여 만들었습니다.

XML(Extensible Markup Language)

XML(Extensible Markup Language)은 HTML을 대체하지 않지만(적어도 웹 페이지에서는 거의 사용하지 않음) HTML을 지원하므로 웹 페이지에서 좀 더 다양한 기능을 사용할 수 있습니다.
아이디어는 HTML로 페이지의 서식을 지정할 때 굵게, 기울임꼴, 밑줄, 단락 등으로 서식을 지정하는 설명자를 사용하여 텍스트의 모양을 변경할 수 있다는 것입니다. 그러나 설명자 자체는 텍스트의 내용과 거의 관련이 없으며 형식과만 관련이 있습니다. XML 언어에는 텍스트의 모양을 결정하는 설명자가 있습니다. 그것들을 사용하여 텍스트가 의미하는 바(이름, ​​주소, 제품 이름 등)를 나타낼 수 있습니다.
이것이 왜 필요한가? 우선, 이 메타데이터를 통해 검색 엔진이 사전 정의된 항목을 찾을 수 있습니다. 회사의 웹 사이트(HTML을 사용하여 생성)에서 "name"이라는 단어를 검색하고 포함된 모든 이름을 보면 "name"이라는 단어의 모든 인스턴스가 반환되지만 이름 자체는 반환되지 않습니다. 그러나 노드를 생성할 때 XML 인코딩이 사용된 경우 결과는 "이름" 설명자가 있는 텍스트가 됩니다. 둘째, 웹 문서의 일부에만 매체(예: 색상 또는 언어)를 적용해야 하는 경우 설명자가 제공하는 텍스트 부분이 유용할 수 있습니다. 예를 들어 대화형 문서가 영어로 번역된 스페인어 단편 소설이라고 가정합니다. 그런 다음 문서를 스페인어 지원에서 영어 지원으로 전환하는 대신 설명자를 사용하여 이야기의 이러한 부분을 정의할 수 있습니다. 이 부분에만 스페인어 규칙을 적용하고 번역은 영어로 둡니다.
따라서 XML을 사용하면 특히 웹 페이지의 일부를 격리된 요소로 만들어야 하는 경우 웹 페이지를 훨씬 쉽게 개발할 수 있습니다.

컴퓨터 배터리에서 소모되는 전류를 줄일 수 있습니까?
무선 송신기는 전기 에너지를 무선 신호로 변환하므로 무선 어댑터가 설치된 랩톱의 배터리는 ...보다 훨씬 빨리 소모됩니다.

네트워크와 애플리케이션의 상호 작용
경우에 따라 응용 프로그램은 독립 실행형 컴퓨터와 네트워크 컴퓨터에서 다르게 실행됩니다. 일부 응용 프로그램은 독립 실행형 컴퓨터와 동일한 방식으로 네트워크에서 작동하지만 다른 응용 프로그램은 ...

V로 시작하는 용어
가상 머신은 가상 머신입니다. 물리적 장치의 작동을 시뮬레이션하는 소프트웨어입니다. Windows 98에서는 프로그램을 "속이는" 데 사용됩니다.

(Standard Generalized Markup Language), ISO 8879 표준으로 표현되는 이 언어는 CALS 기술로 생성된 제품에 대한 대화형 전자 기술 매뉴얼을 포함하여 기술 문서의 기본 언어로 채택됩니다.

SGML은 문서의 구조를 데이터 개체의 시퀀스로 정의합니다. 문서의 일부를 나타내는 데이터 개체는 다양한 파일에 저장할 수 있습니다. SGML 표준은 다른 시스템이 이 정보를 올바르게 인식하고 식별할 수 있도록 하는 정보 표시를 위한 기호 및 규칙 세트를 설정합니다. 명명된 집합은 기본 SGML 문서와 함께 전달되는 DTD(문서 유형 정의)라는 문서의 별도 부분에 설명되어 있습니다. DTD는 문자와 해당 코드 간의 대응, 사용된 식별자의 최대 길이, 태그의 구분 기호가 표시되는 방식, 기타 가능한 규칙, DTD 구문, 문서의 유형 및 버전을 지정합니다. 따라서 SGML은 특정 마크업 언어군에 대한 메타언어라고 할 수 있습니다. 특히 XML 및 HTML 마크업 언어는 SGML의 하위 집합으로 간주될 수 있습니다.

SGML 데이터시트에는 다음이 포함됩니다.

• SGML 태그로 표시된 기술 매뉴얼이 있는 기본 파일;
• 문서가 동일한 엔티티가 사용되는 그룹에 속하고 해당 명성이 암시되는 경우 엔티티에 대한 설명
• SGML 태그를 설명하는 사전;

그러나 SGML은 배우고 사용하기가 어렵습니다. 따라서 WWW 기술에 제시된 문서에서 마크업을 널리 사용하기 위해 1991년 SGML을 기반으로 단순화된 HTML(HyperText Markup Language)이 개발되었으며 1996년에는 XML(eXtensible Markup Language)이 결합되었습니다. with HTML은 다양한 응용 프로그램에서 문서를 표시하기 위한 기본 언어입니다.

HTML 언어는 WWW 기술로 제시된 문서에서 마크업을 광범위하게 사용하기 위해 개발되었습니다.

HTML 설명은 ASCII 텍스트와 여기에 포함된 일련의 명령(제어 코드)이며 설명자 또는 태그라고도 합니다. 이 텍스트를 HTML 문서 또는 HTML 페이지라고 하며 웹 서버에 게시할 때 웹 페이지라고 합니다. 태그는 소스 텍스트의 올바른 위치에 배치되고 글꼴, 하이픈 연결, 그래픽 모양, 링크 등을 정의합니다. WWW 편집기를 사용할 때 해당 키를 누르기만 하면 명령을 삽입할 수 있습니다.

XML은 HTML과 마찬가지로 SGML의 하위 집합으로 간주됩니다. 현재 XML은 정보 기술에서 문서를 표현하는 주요 언어라고 주장하며 다양한 응용 프로그램에서 개인 마크업 언어를 생성하는 기반이 되는 메타 언어라고 볼 수 있습니다. 동시에 XML은 XML에서 일부 사소한 SGML 기능을 제거하여 제공되는 SGML보다 더 편리합니다. XML 설명은 SGML의 기본 기능을 유지하면서 최신 브라우저에서 사용하도록 조정되어 읽기가 더 쉽습니다.

특정 응용 프로그램의 경우 XML 어휘 또는 XML 응용 프로그램이라고 하는 XML 변형이 있습니다. 예를 들어, XML 애플리케이션 OSD(Open Software Description)는 특정 수학 기호로 텍스트를 설명하기 위해 개발되었습니다. CALS는 PDX(제품 정의 교환) 데이터 교환 옵션에 관심이 있습니다. 화학(CML - Chemical Markup Language), 생물학(BSML - Bioinformatic Sequence Markup Language) 등에 대해 알려진 사전

"소셜 미디어의 콘텐츠 마케팅: 구독자의 머리에 들어가고 브랜드와 사랑에 빠지는 방법"이라는 새 책을 출간했습니다.

HTML은 하이퍼텍스트 마크업 언어입니다.

언어는 웹 페이지를 구성하는 데 사용됩니다. 비유를 해봅시다. 당신은 신문을 산다. 여러 기사가 포함되어 있습니다. 각 기사에는 제목이 있고 그 안에 사진이 있습니다. 그리고 텍스트는 여러 열에 입력됩니다. 이것은 신문 페이지의 구조입니다.

모든 것이 사이트에서 동일하게 발생합니다. 기사의 올바른 구조(콘텐츠)를 만들기 위해서는 텍스트 마크업 언어를 사용해야 합니다.

HTML이란 무엇입니까

HTML은 브라우저에게 화면에 페이지를 표시하는 방법을 알려주는 데 사용됩니다.

언어는 어디에나 있습니다. 페이지의 콘텐츠 스타일을 지정하기 위한 다목적 도구입니다. 모든 브라우저에서 사용이 가능합니다. 프로그래밍 언어로 코드를 작성하는 경우 몇 가지 특성, 연산자, 데이터 유형 등을 알아야 합니다.

HTML은 태그 집합(명령 및 속성)으로 구성됩니다. 기억하기 쉽고 참조 자료를 항상 찾을 수 있습니다.

HTML 코드란?

코드는 브라우저에 페이지를 표시하는 방법에 대한 명령입니다. 항상 따라야 하는 구조가 있습니다. 예를 들어 페이지에는 H1 제목이 하나만 있고 주요 정보는 섹션에 배치됩니다.

언어에는 세 가지 도구가 있습니다.

• 태그는 명령입니다. 바로 행동을 지시합니다. 예를 들어,
  • 
    - 텍스트를 새 줄로 전송합니다.

  • 새 단락을 시작합니다.

  • - 페이지 상단에 텍스트를 넣습니다.
• 태그 속성은 명령에 추가됩니다. 태그에 포함된 작업을 사용자 정의할 수 있습니다. 예를 들어,
  • - 여기 태그가 있습니다. 링크가 텍스트에 삽입되고 있음을 나타내고 href 속성은 링크의 주소를 나타냅니다.
• 속성 값 - 속성을 수정하는 방법을 정확히 설명합니다.
  • - 이 예제로 돌아가서 "site"는 속성의 값입니다.

쌍 및 단일의 두 가지 유형의 태그가 있습니다.

• - 쌍 태그, 열기 및 닫기. 그들은 그들 사이에 배치된 텍스트에 따라 작동합니다.

• 단일 태그, 다음 태그까지 그 뒤의 텍스트에 작용합니다.

페이지의 HTML 코드 구조

우리는 모든 html 문서의 구조가 항상 동일하다고 말했습니다. 다음으로 필요한 요소를 나열합니다.

1. !- 문서에 HTML이 사용되었음을 나타냅니다.
2. ...- 모든 페이지 코드는 이 태그에 배치됩니다. 거기에 배치되지 않은 것은 브라우저에서 인식되지 않고 표시되지 않습니다.
3. ...- 쌍을 이루는 태그, 여기에는 문서 인코딩과 같은 기술 정보가 포함됩니다.
   1. 페이지의 제목이며 헤드 섹션 안에 배치됩니다. 모든 페이지에는 고유한 제목이 있어야 합니다.
   2. - 서비스 안내입니다. 페이지에 별도의 스타일(css 등)을 연결합니다. 사용자에게 표시되지 않습니다.
4. ...- 페이지의 본문. 이 태그에는 모든 기본 정보가 포함되어 있습니다.
   1. ...- 하이퍼링크.
   2. - 이미지.
   3. ...- 썸네일.
   4. ...- 기울임꼴.

신체 내부에는 무제한의 요소가 있을 수 있습니다.

예를 들어, 이것은 우리 블로그 게시물 중 하나에 있는 페이지 코드의 일부입니다.

태그를 자주 사용할수록 더 빨리 기억됩니다. 모든 태그, 속성 및 해당 값이 포함된 참조를 항상 찾을 수 있습니다.

모든 문서에는 세 가지 구성 요소가 있습니다.

· 구조;

내용은 문서에 표시되는 정보입니다. 종이에 있는 문서의 내용은 순전히 텍스트일 수 있으며 이미지도 포함할 수 있습니다. 문서가 전자 형식으로 제공되는 경우 멀티미디어 데이터와 다른 문서에 대한 링크가 포함될 수 있습니다. 문서의 내용은 다르지만 유형별로 분류할 수 있습니다(예: 책 또는 기차표).

문서의 스타일은 문서의 내용이 특정 장치(예: 프린터 또는 디스플레이)에 표시되는 방식을 결정합니다. 스타일의 개념에는 전체 출력 문서 또는 개별 블록의 글꼴(이름, 크기, 색상) 특성, 페이지 매김 순서, 페이지의 블록 배열 및 기타 매개변수가 포함됩니다. 동일한 문서를 다른 미디어와 동일한 미디어 모두에서 다른 스타일로 출력할 수 있습니다.

문서 마크업 언어는 문서의 구조와 다양한 구조 객체 간의 관계를 설명하기 위해 설계된 인공 언어입니다. 마크업 데이터는 메타데이터라고도 합니다.

첫 번째 마크업 언어는 지난 세기의 60년대에 IBM 직원이 개발한 GML(Generalized Markup Language)입니다. 바로 뒤를 이어 문서에 마크업 요소를 작성하기 위한 규칙을 정의하는 SGML(Standard Generalized Markup Language)이 있습니다. 언어 규칙을 준수하는 문서를 SGML 문서라고 합니다.

SGML은 문서 마크업 언어에 대한 다음 기본 요구 사항을 지정하는 ISO 8879 표준에 정의되어 있습니다.

· 언어는 사람이 읽을 수 있어야 합니다.

· 마크업된 문서 파일은 텍스트여야 하며 ASCII(American Standard Code for Information Interchange) 문자를 사용하여 인코딩해야 합니다. 그러나 문서의 내용이 ASCII로 인코딩되거나 텍스트일 필요는 없습니다.

SGML 및 유사 언어는 특수 문서 마크업 도구를 사용합니다.

· 요소 및 동반 속성;

법인

· 코멘트.

SGML 문서의 구조 단위는 요소입니다. 마크업 텍스트에서 각 요소는 특정 방식으로 강조 표시되어야 합니다. 강조 표시는 요소의 시작 부분(시작 태그)에 시작 태그(영어 단어 태그 - 태그)를 삽입하고 요소의 끝에 끝 태그(종료 태그)를 삽입하여 수행됩니다. 시작 태그와 종료 태그의 이름이 같습니다. 태그를 일반 텍스트와 구별하려면 시작 태그로 시작하고 태그 끝 문자로 끝나야 합니다. 또한 종료 태그에 문자가 지정됩니다. 즉, 종료 태그의 기호입니다. SGML에서는 모든 문자를 이러한 태그로 사용할 수 있지만 대부분 "<" (левая угловая скобка), в качестве признака окончания тега используется символ ">"(왼쪽 꺾쇠 괄호) 및 끝 태그는" / "(슬래시)로 표시됩니다. SGML 문서의 요소에는 다른 요소가 포함될 수 있으므로 SGML 문서를 계층적(트리) 구조로 그래픽으로 표현합니다.

예 4.3.1. 시험 세션의 결과와 함께 학생 목록을 정의하는 SGML 문서는 다음과 같이 지정할 수 있습니다.

이바노프 이반 이바노비치

TS-61

NS

NS

NS

NS

페트로프 페트르 페트로비치

TS-62

씨

씨

NS

씨

이 문서에서 첫 번째 요소는 학생 ​​목록 요소입니다. 이 요소는 하나의 제목 요소(제목)와 여러 학생 요소(학생 데이터)를 포함합니다. 차례로, 각 학생 요소에는 하나의 전체 이름 요소(학생의 성, 이름 및 가명), 하나의 그룹 번호 요소(그룹 번호) 및 하나의 마크 목록 요소(세션에서 학생의 성적 목록)가 포함됩니다. . 마지막으로 mark-list 요소는 여러 개의 mark(mark) 요소를 포함합니다.

이 목록의 그래픽 표현은 그림 1에 나와 있습니다. 1은 다음과 같은 트리 구조를 가지고 있습니다.

쌀. 4.3.1. 플롯된 SGML 문서 구조

속성은 SGML 요소를 구체화하는 데 사용할 수 있습니다. 속성은 다음과 같이 요소의 시작 태그에 작성됩니다.

속성 이름 = "속성 값".

요소는 여러 속성을 가질 수 있습니다. 속성은 적어도 하나의 공백으로 요소 이름과 서로 구분됩니다.

예 4.3.2. 예 4.3.1의 마크 요소에 대해 주제 속성을 설정할 수 있으며, 그 값은 시험에 통과한 분야의 이름입니다. 그런 다음 첫 번째 학생의 경우 요소는 다음 형식을 취합니다.

NS

NS

NS

NS

SGML과 같은 언어는 엔터티를 사용하여 데이터 그룹으로 작업합니다. 엔터티는 텍스트 및 텍스트가 아닌 모든 명명된 데이터입니다. 문서를 볼 때 엔티티 이름이 해당 값으로 바뀝니다. 따라서 예를 들어 텍스트 엔터티 kpi의 이름은 Kiev Polytechnic Institute라는 값으로 바뀌고 텍스트가 아닌 엔터티 image1은 image1이라는 이미지로 바뀝니다.

"마크업"이라는 용어는 출판 전에 원고를 표시하는 전통적인 관행에서 파생되었습니다(즉, 종이 원고의 여백과 줄 사이에 기호 명령을 추가하는 것).

수세기 동안 이 작업은 어떤 글꼴, 스타일 및 크기를 텍스트 조각으로 입력해야 하는지 확인한 출판사(편집자 및 교정자)가 수행한 다음 마크업 문자를 고려하여 텍스트를 수동으로 입력한 조판자에게 원고를 전달했습니다.

마크 업 언어다음 기능을 수행하는 태그라는 특수 명령어 세트입니다.

선택된 요소를 처리하기 위한 설정 기능;

이 문서의 논리적 요소 선택.

선택한 항목 처리를 위한 설정 기능

워드 프로세서에는 화면 또는 인쇄 시 정보의 배치를 제어하는 ​​명령과 유사하게 글꼴 등을 켜고 끄는 명령이 내장되어 있습니다. 이 접근법은 명령또는 절차적 마크업.

절차적 마크업의 예

문서의 논리적 요소 선택

처리 방법을 지정하지 않고 이 구조의 다양한 요소 간의 관계 정의 및 모든 구조의 문서 형성에 사용됩니다. 이 마크업은 설명적인.

설명 마크업과 일치하도록 일련의 절차를 변경하여 동일한 문서의 모양을 변경할 수 있습니다.

설명 마크업

설명 마크업의 주요 이점은 유연성입니다. 텍스트 조각이 "표시 방법"이 아니라 "있는 그대로"로 표시되기 때문입니다.

미래에는 언어 개발자가 예상하지 못한 방식으로 이러한 조각을 처리하도록 소프트웨어가 작성될 수 있습니다. 예를 들어, 원래 사용자가 네트워크의 링크 집합을 탐색하도록 의도된 HTML 하이퍼링크는 나중에 웹의 검색 및 인덱싱 메커니즘에서 리소스의 인기도 등을 평가하는 데 사용되기 시작했습니다.

마크업 언어의 예

마크업 언어는 서식 있는 텍스트 출력이 필요한 모든 곳에서 사용됩니다.

인쇄소에서(SGML, TeX, PostScript, PDF),

컴퓨터의 사용자 인터페이스(MicrosoftWord, OpenOffice, troff),

월드 와이드 웹(HTML, XHTML, XML, WML, VML, PGML, SVG, XBRL).

마크업 언어 태그 구조

기술적인 마크업 아이디어의 발전은 마크업을 공식 언어로 정의하게 되었습니다.

언어 태그(제어 설명자)는 특정 방식으로 인코딩되며(문서의 주요 내용과 관련하여 할당됨) 클라이언트 측에 문서의 내용을 표시하는 프로그램에 대한 지침 역할을 합니다.

많은 현대 언어는 이러한 명령(언어 태그)을 나타내기 위해 기호를 사용했습니다.< и >, 명령어의 이름과 해당 매개변수(HTML 및 XML)가 있는 내부. SGML에서는 다른 문자를 할당하여 태그를 묶을 수 있습니다(예: 중괄호). 또한 웹 포럼 및 게시판에서 태그가 대괄호로 구분되는 마크업 언어 BBCode가 사용되는 것과 같이 기능이 더 적은 다양한 하위 집합 언어 시스템이 사용됩니다.

태그 모델은 문서를 컨테이너 모음으로 설명하며, 각 컨테이너는 태그로 시작하고 끝납니다. 대부분의 경우 태그는 쌍으로 사용됩니다. 쌍은 시작 태그와 종료 태그로 구성됩니다.

여는 태그 구문:<имя_тега [атрибуты]>

닫는 태그의 이름은 앞에 슬래시가 있다는 점에서만 여는 태그의 이름과 다릅니다.

속성은 요소의 추가 특성을 정의합니다. 태그 속성은 이름 [= "값"] 형식으로 작성됩니다. 일부 속성의 경우 값이 지정되지 않을 수 있습니다. 종료 태그에는 속성이 없습니다.

…

모든 쌍을 이루는 태그는 시작 태그로 시작하여 일치하는 종료 태그를 만나면 끝납니다.

한 쌍의 여는 태그와 닫는 태그를 컨테이너(container)라고 하고, 그 사이에 있는 텍스트 부분을 요소(element)라고 합니다.

레벨 1 제목

레벨 2 제목

사용하는 마크업 언어에 따라 단일 태그와 빈 요소 태그를 추가로 사용할 수 있습니다. 태그 이름은 요소의 유형을 정의합니다.

단일 태그 구문:<имя_тега [атрибуты] />

일부 마크업 언어에서는 태그 이름이 미리 정의됩니다(HTML). 다른 사람들은 엄격하게 규제되지 않습니다. 사용자는 새 태그(XML)를 입력하고 사용할 수 있습니다. 예를 들어, 태그 "페르소나"는 성, 이름 및 애칭과 같은 이 XML 요소의 유형을 정의할 수 있습니다. 이바노프 이반 이바노비치

SGML에서는 요소가 겹칠 수 있습니다. 즉, SGML에서는 다음과 같은 태그 시퀀스가 ​​가능합니다.

XML에서 요소는 엄격한 구문 구조를 갖습니다. 즉, 엄격하게 중첩되고 항상 닫힙니다.

또한 SGML, HTML에서는 비공개일 필요가 없습니다.

거의 모든 문서 마크업 언어에서 속성 값은 텍스트로 해석됩니다. 속성 값은 일반적으로 따옴표로 묶습니다.

메모:

마크업 언어를 사용하여 작성된 문서에는 텍스트 자체(일련의 단어 및 구두점과 같은)뿐만 아니라 다양한 부분에 대한 추가 정보(예: 표제, 하이라이트, 목록 표시 등)도 포함됩니다.

저것들. 문서는 제어 코드(태그)가 추가된 일반 ASCII 파일에 불과합니다.