Investor's wiki

Язык гипертекстовой разметки — HTML

Язык гипертекстовой разметки — HTML

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ язык гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML)?

Π―Π·Ρ‹ΠΊ гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML) β€” это Π½Π°Π±ΠΎΡ€ символов ΠΈΠ»ΠΈ ΠΊΠΎΠ΄ΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, вставляСмых Π² Ρ„Π°ΠΉΠ», ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для отобраТСния Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° сообщаСт Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ слова ΠΈ изобраТСния Π²Π΅Π±-страницы.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ находится ΠΌΠ΅ΠΆΠ΄Ρƒ символами Β«<Β» ΠΈ Β«>Β») называСтся элСмСнтом, хотя ΠΌΠ½ΠΎΠ³ΠΈΠ΅ люди Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π΅Π³ΠΎ Ρ‚Π΅Π³ΠΎΠΌ. НСкоторыС элСмСнты ΠΈΠ΄ΡƒΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠΈ, указывая, ΠΊΠΎΠ³Π΄Π° эффСкт отобраТСния Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°Ρ‡Π°Ρ‚ΡŒΡΡ ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒΡΡ.

ОбъяснСниС HTML

Π―Π·Ρ‹ΠΊ гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ β€” это ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹ΠΉ язык, ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‰ΠΈΠΉ созданиС Π²Π΅Π±-сайтов. Π―Π·Ρ‹ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ΄ΠΎΠ²Ρ‹Π΅ слова ΠΈ синтаксис, ΠΊΠ°ΠΊ ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ язык, ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ прост для понимания ΠΈ со Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ становится всС Π±ΠΎΠ»Π΅Π΅ ΠΌΠΎΡ‰Π½Ρ‹ΠΌ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ позволяСт ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ. HTML ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ запросам ΠΈ трСбованиям Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΏΠΎΠ΄ Π²ΠΈΠ΄ΠΎΠΌ World Wide Web Consortium, ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ, которая Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ язык; Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠΌ Π½Π° Web 2.0.

ГипСртСкст β€” это ΠΌΠ΅Ρ‚ΠΎΠ΄, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ сСти. ЩСлкая ΠΏΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ тСксту, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΌΡƒ гипСрссылкой, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π½Π° Π½ΠΎΠ²Ρ‹Π΅ страницы. ИспользованиС Π³ΠΈΠΏΠ΅Ρ€ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ это Π½Π΅Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎ, поэтому ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² любоС мСсто Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, просто Π½Π°ΠΆΠ°Π² Π½Π° доступныС ссылки. Π Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ HTML Π΄Π΅Π»Π°ΡŽΡ‚ с тСкстом Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½ΠΈΡ…; ΠΎΠ½ΠΈ ΠΎΡ‚ΠΌΠ΅Ρ‡Π°ΡŽΡ‚ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ‚ΠΈΠΏ тСкста. НапримСр, тСкст Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ курсивом, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ особоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ слову ΠΈΠ»ΠΈ Ρ„Ρ€Π°Π·Π΅.

ΠžΡΠ½ΠΎΠ²Ρ‹ языка гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ

По своСй сути HTML прСдставляСт собой Π½Π°Π±ΠΎΡ€ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… ΠΊΠΎΠ΄ΠΎΠ², Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π² тСкстовый Ρ„Π°ΠΉΠ». Π­Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΡΠΈΠ»ΠΈΠ²Π°ΡŽΡ‚ возмоТности HTML. ВСкст сохраняСтся Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»Π° HTML ΠΈ просматриваСтся Ρ‡Π΅Ρ€Π΅Π· Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ‡ΠΈΡ‚Π°Π΅Ρ‚ Ρ„Π°ΠΉΠ» ΠΈ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΈΡ‚ тСкст Π² Π²ΠΈΠ΄ΠΈΠΌΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Π² соотвСтствии с ΠΊΠΎΠ΄Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π°Π²Ρ‚ΠΎΡ€ использовал для написания Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ становится Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ. НаписаниС HTML Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ использования Ρ‚Π΅Π³ΠΎΠ² для создания авторского видСния.

Π’Π΅Π³ΠΈ β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ отдСляСт ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст ΠΎΡ‚ HTML-ΠΊΠΎΠ΄Π°. Π’Π΅Π³ΠΈ β€” это слова ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΌΠΈ ΡƒΠ³Π»ΠΎΠ²Ρ‹ΠΌΠΈ скобками, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Π²Π΅Π±-страницС Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, изобраТСния ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹. Π Π°Π·Π½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Π‘Π°ΠΌΡ‹Π΅ простыС Ρ‚Π΅Π³ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊ тСксту. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Π΅Π±-интСрфСйсы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹ΠΌΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (CSS) ΠΈ прилоТСния JavaScript. CSS Π΄Π΅Π»Π°Π΅Ρ‚ Π²Π΅Π±-страницы Π±ΠΎΠ»Π΅Π΅ доступными, Π° JavaScript Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ возмоТности Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ HTML.

HTML ΠΈ XML

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ HTML, Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΡ‹ΠΉ язык Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈΠ»ΠΈ XML позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ. НапримСр, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ XML, ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ сноску Ρ‚Π΅Π³ΠΎΠΌ , Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ .

Π’ HTML для обозначСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ‚Π΅Π³. XML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ содСрТат опрСдСляСмыС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ Ρ‚Π΅Π³ΠΈ ΠΈ ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ состоят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ содСрТимого.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ

  • Π―Π·Ρ‹ΠΊ гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML) β€” это основной язык сцСнариСв, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ для отобраТСния страниц Π²ΠΎ всСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Π΅.

  • Π Π°Π½Π½ΠΈΠ΅ вСрсии HTML Π±Ρ‹Π»ΠΈ статичСскими (Web 1.0), Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ Π½ΠΎΠ²Ρ‹Π΅ вСрсии ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ динамичСской Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒΡŽ (Web 2.0, 3.0).

  • Π Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° β€” это тСкст, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² Π΄Π²Π΅ остроконСчныС скобки (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, <сноска>), Π° содСрТимоС β€” всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅.

  • HyperText позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ссылку ΠΈ Π±Ρ‹Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½Ρ‹ΠΌ Π½Π° Π½ΠΎΠ²ΡƒΡŽ страницу, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ссылаСтся эта ссылка.