Формально, HTML є додатком SGML (стандартної узагальненої мови розмітки) і відповідає міжнародному стандарту ISO 8879.
І HTML і XML походять від SGML. HTML це деякий додаток SGML, а XML це підмножина SGML, розроблене для спрощення процесу машинного розбору документа. Іншими додатками SGML є SGML Docbook (документування), і «Z Format» (типографіка і документування).
Мова HTML дозволяє розмічати в тексті:
Розділ документа HEAD
Розділ документа HEAD визначає його заголовок і не є обов'язковим тегом, проте добре складений заголовок може бути вельми корисний. Завданням заголовка є надання необхідної інформації для програми, інтерпретує документ. Теги, що знаходяться всередині розділу HEAD (крім назви документа, що описується за допомогою тега
) Не відображаються на екрані.</p>
<p>Розділ заголовка відкривається тегом <head> і закривається тегом </ head>. Між згаданими тегами розташовуються інші теги розділу заголовка.</p>
<p>Тег-контейнер <title> є єдиним обов'язковим тегом заголовка і служить для того, щоб дати документу назву. Воно зазвичай відображається в заголовку вікна браузера. За замовчуванням текст назви документа використовується при створенні закладки для документа.</p>
<p>тег <link> вказує на зв'язок документа, що містить даний тег і іншого документа або об'єкта. Заголовок документа може містити будь-яку кількість тегів <link>. наприклад:</p>
<p><link rel = " stylesheet " type = " text / css " media = " print " href = "/ skins -1.5/ common / commonPrint. css " /></p>
<p>Атрибут rel визначає відношення між поточним і іншим документом (в даному прикладі це документ таблиці стилів). Атрибут type вказує тип і параметри приєднаної таблиці стилів. Атрибут media конкретизує спосіб відображення сторінки (ті яка таблиця стилів буде застосовуватися), в даному випадку сторінка виводиться для друку. Href - відповідає за посилання на приєднується файл. Також використовуються деякі інші атрибути.</p>
<p>тег <meta> визначає метатеги. які використовуються для зберігання інформації призначеною для браузерів і пошукових систем. Наприклад, механізми пошукових систем звертаються до метатегах для отримання опису сайту, ключових слів та інших даних. Дозволяється використовувати більш ніж один-тег. всі вони розміщуються в контейнері <HEAD>. Як правило, параметри будь-якого метатега зводяться до парам «ім'я = значення». які визначаються аргументами content. name або http - equiv.</p>
<p>· Content - Встановлює значення параметра, заданого за допомогою name або http - equiv.</p>
<p>· Http - equiv - Призначений для конвертації метатега в заголовок HTTP.</p>
<p>· Name - Ім'я метатега. також побічно встановлює його призначення.</p>
<p>Наведемо кілька прикладів використання тега <meta>:</p>
<p><meta http-equiv="Content-Language" content="ru"><br> <meta http-equiv="Content-Type" content="text / html; m charset = windows-1251"><br> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"><br> <meta name=" ProgId " content="FrontPage.Editor.Document"></p>
<p>У розділі заголовка документа можуть бути присутніми ще два тега - <style> і <script>. Їх призначення пов'язане з використанням таблиць стилів в документі і записом скриптів.</p>
<h3>Розділ документа BODY</h3>
<p>тег <BODY> також застосовується для визначення кольорів посилань і тексту на веб-сторінці. Подібна практика в HTML 4 засуджується і натомість для вказівки колірної схеми рекомендується використовувати стилі, застосовуючи їх до селектора BODY. Тим не менше, більшість параметрів досі підтримується різними браузерами.</p>
<p>часто тег <BODY> використовується для розміщення обробника подій, наприклад, onLoad. яке виконується після того, як документ завершив завантаження в поточне вікно або фрейм.</p>
<p>Хто відкриває і закриває теги <BODY> на веб-сторінці не є обов'язковими, проте хорошим стилем вважається їх використання, щоб визначити початок і кінець HTML-документа. [4]</p>
<h3>Основні теги HTML</h3>
<p>Нижче, в таблиці перераховані найбільш часто використовувані теги HTML.</p>
<p>Таблиця №2: Основні теги HTML</p>
<p>Тема 6 рівня</p>
<p>HTML пропонує шість заголовків різного рівня, які показують відносну важливість секції, розташованої після заголовка. Так, тег <H 1> являє собою найбільш важливий заголовок першого рівня, а тег <H 6> служить для позначення заголовка шостого рівня і є найменш значним. За замовчуванням, заголовок першого рівня відображається найбільшим шрифтом жирного накреслення, заголовки подальшого рівня за розміром менше. Теги <H 1>:<H 6> відносяться до блокових елементів, вони завжди починаються з нового рядка, а після них інші елементи відображаються на наступному рядку. Крім того, перед заголовком і після нього додається порожній простір. Видом заголовком легко можна керувати за допомогою стилів.</p>
<p>тег <SPAN> призначений для визначення вбудованих елементів документа. На відміну від блокових елементів, таких як <TABLE>. <P> або <DIV>. за допомогою тега <SPAN> можна виділити частину інформації всередині інших тегів і встановити для неї свій стиль. Наприклад, всередині параграфа (тега <P> ) Можна змінити колір і розмір першої літери, якщо додати початковий і кінцевий тег <SPAN> і визначити для нього стиль тексту. Щоб не описувати кожен раз стиль всередині тега, можна виділити стиль в зовнішню таблицю стилів, а для тега додати параметр class або id з ім'ям селектора.</p>
<p>текст <br> текст</p>
<p>тег <BR> встановлює новий рядок в тому місці, де цей тег знаходиться. На відміну від тега параграфа <P>. використання тега BR Не додає порожній відступ перед рядком. Якщо текст, в якому використовується новий рядок, обтікає плаваючий елемент, то за допомогою параметра clear тега <BR> можна зробити так, щоб наступний рядок починалася нижче елемента.</p>
<p>Значення атрибутів в мові HTML можуть мати різні типи даних. Основними типами даних є наступні.</p>
<h3>Основні типи SGML</h3>
<p>У визначенні типу документа визначається синтаксис вмісту елемента HTML і значень атрибутів з використанням міток SGML. Ось узагальнена інформація про ключі:</p>
<p>CDATA - це послідовність символів з набору символів документа, вона може включати character entities (сутності). Агенти користувачів (браузери) повинні інтерпретувати значення атрибутів наступним чином:</p><p>· Замінювати суті на символи.</p>
<p>· Ігнорувати переклад рядка,</p>
<p>· Замінювати кожен повернення каретки або табуляцію на один пробіл.</p>
<p>Мітки ID і NAME Значення атрибутів типу ID і NAME повинні починатися з літери і складатися тільки з латинських букв, цифр, дефісів, підкреслень, двокрапок і точок. Ці значення залежать від регістра. Вони відрізняються тим, що NAME може містити спеціальні символи, а ID не може.</p>
<p>Значення типу IDREF і IDREFS вказують на ідентифікатори, т. Е. На значення атрибута id інших елементів. Значення типу IDREF - це єдиний ідентифікатор, а значення типу IDREFS - це список ідентифікаторів, розділених пробілами. IDREF і IDREFS залежать від регістра.</p>
<p>Мітки NUMBER повинні містити принаймні одну цифру ([0-9]).</p>
<p>Ряд атрибутів приймають текст, який призначається для читання людьми. Це текстові сторокой.</p>
<p>Значення атрибутів типу URI - це уніфіковані ідентифікатори ресурсів (повні або відносні), синтаксис яких повинен відповідати синтаксису URI.</p>
<p>Значення атрибута типу "color" відноситься до визначень квітів. Значення кольору може бути шістнадцятковим числом системи RGB (якому передує знак дієз #) або одним з шістнадцяти стандартних назв квітів. Назви квітів враховують регістр.</p>
<p>Наприклад, значення "# 800080" і "Purple" обидва означають пурпурний колір.</p>
<p>HTML визначає три типи значень довжини для атрибутів:</p>
<p>· Пікселі - це ціле, що представляє число пікселів (на екрані, на папері). Таким чином, значення "50" означає п'ятдесят пікселів.</p>
<p>· Довжина - частка вертикального або горизонтального відстані в процентах. Таким чином, значення "50%" означає половину доступного простору.</p>
<p>· Кратний розмір - це або ціле число, що задає кількість пікселів, або частка у відсотках від розміру по горизонталі або вертикалі, або відносний розмір виду. де - ціле число. При розподілі простору оглядач спочатку виділяє місце для розмірів, заданих в числах і відсотках, а потім розділяє простір, що залишився між елементами з відносними розмірами. Елементу розміром 3 буде виділено простір в три рази більше, ніж елементу розміром 1. Значення * еквівалентно 1 * і часто означає "заповнити простір, що залишився".</p>
<p>Агенти користувачів, пошукові машини і т.д. можуть інтерпретувати ці типи посилань декількома способами. Наприклад, агенти користувача можуть надавати доступ до пов'язаних документів за допомогою навігаційної панелі.</p>
<p>Таблиця №6: Типи посилань</p>
<p>CSS (Cascading Style Sheets - каскадниетабліцистілей) - технологія оформлення веб - сторінок. елемент концепції DHTML. Таблиці (точніше - списки) CSS служать для оформлення переважно HTML- і XHTML-документів, але іноді використовуються і для інших документів, структурованих за допомогою XML (наприклад, в браузері «Mozilla» для оформлення елементів графічного інтерфейсу, XUL).</p>
<h3>специфікації CSS</h3>
<p>Рівень 1 (CSS 1)</p>
<p>· Параметри шрифтів. Можливості за завданням гарнітури і розміру шрифту, а також його стилю - звичайного, курсивного або напівжирного.</p>
<p>· Кольори. Специфікація дозволяє визначати кольору тексту, фону, рамок і інших елементів сторінки.</p>
<p>· Атрибути тексту. Можливість задавати міжсимвольний інтервал, відстань між словами і висоту рядка (тобто між рядками відступи)</p>
<p>· Вирівнювання для тексту, зображень, таблиць і інших елементів.</p>
<p>· Властивості блоків. такі як висоту, ширину, внутрішні (padding) і зовнішні (margin) відступи і рамки. Так само в специфікацію входили обмежені кошти з позиціонування елементів, такі як float і clear.</p>
<p>Рівень 2 (CSS 2)</p>
<p>Додавання до функціональності:</p>
<p>· Блокова верстка. З'явилися відносне, абсолютне і фіксоване позиціонування. Дозволяє управляти розміщенням елементів по сторінці без табличної верстки</p>
<p>· Типи носіїв. Дозволяє встановлювати різні стилі для різних носіїв (наприклад, монітор, принтер, КПК)</p>
<p>· Звукові таблиці стилів. Визначає голос, гучність і т. Д. Для звукових носіїв (наприклад, для сліпих відвідувачів сайту)</p>
<p>· Сторінкові носії. Дозволяє, наприклад, встановити різні стилі для елементів на парних і непарних сторінках при друці</p>
<p>· Розширений механізм селектор</p>
<p>Рівень 2.1 (CSS 2.1)</p>
<p>Рівень 3 (CSS 3)</p>
<h3>Основні принципи CSS</h3>
<p>Звичайний HTML дозволяє задавати колір і розмір тексту за допомогою тегів форматування. Якщо знадобиться змінити параметри однотипних елементів на сайті, доведеться переглядати всі сторінки, щоб знайти і поміняти теги.</p>
<p>Каскадні таблиці стилів [5] дозволяють зберігати колір, розміри тексту і інші параметри в стилях. Стилем називається набір правил форматування, який застосовується до елементу документа, щоб швидко змінити його зовнішній вигляд.</p>
<p>Стилі дозволяють однією дією застосувати відразу всю групу атрибутів форматування. З їх допомогою можна, наприклад, змінити вид всіх заголовків. Замість форматування заголовка в три прийоми, коли спочатку задається його розмір, потім шрифт "Arial" і, нарешті, вирівнювання по центру, то ж саме можна зробити одночасно, застосувавши стиль до тегу <H 1>. Якщо потрібно швидко змінити зовнішній вигляд тексту, створеного за допомогою одного з стилів, досить змінити параметри стилю у всіх документах, де він використовується, і вид тексту зміниться автоматично.</p>
<p>Інша перевага CSS полягає в тому, що стилі пропонують набагато більше можливостей для форматування, ніж простий HTML. Крім того, стилі можуть зберігатися в зовнішньому файлі, браузер кешируєт такі документи, тому завантаження сайту буде відбуватися трохи швидше.</p>
<p>· Використання різних розширень HTML;</p>
<p>· Застосування зображень замість тексту;</p>
<p>· Використання малюнків для контролю порожнього простору, так звані розпірки;</p>
<p>· Використання таблиць для верстки веб-сторінок;</p>
<p>· Написання програмних скриптів замість використання HTML.</p>
<p>Ці техніки значно збільшують складність розробки веб-сторінок. пропонують обмежену гнучкість в їх створенні та управлінні, а також створюють труднощі для людей ними які не володіють.</p>
<p>Стилі вирішують ці проблеми, в той же час замінюючи лише обмежену область механізмів подання HTML.</p>
<h3>Синтаксис CSS.</h3>
<p>Стандарт CSS визначає пріоритети, в порядку яких застосовуються правила стилів, якщо для якогось елементу підходять кілька правил одночасно. Це називається «каскадом». в якому для правил розраховуються пріоритети або «ваги», що робить результати передбачуваними.</p>
<p>Таблиця стилів складається з набору правил. Кожне правило, в свою чергу, складається з одного або декількох селекторів, розділених комами і блоку визначень. Блок визначень ж оточеного фігурними дужками, і складається з набору властивостей і їх значень.</p>
<p>Схематично це можна показати так:</p>
<h2>7. Скрипти.</h2>
<p>Скріптовийязик (scriptinglanguage. Також називають мову сценаріїв) - мова програмування, розроблений для запису «сценаріїв», послідовностей операцій, які користувач може виконувати на комп'ютері. Прості скриптові мови раніше часто називали мовами пакетної обробки (batch languages або job control languages). Сценарії зазвичай інтерпретуються, а не компілюються.</p>
<p>У прикладній програмі, сценарій (скрипт) - це програма, яка автоматизує деяку задачу, яку без сценарію користувач робив би вручну, використовуючи інтерфейс програми.</p>
<p>У веб-програмуванні скриптом називають програму, яка завантажується разом з текстом документа на комп'ютер користувача і виконується програмою-браузером. За допомогою скриптів реалізуються найрізноманітніші функції веб-сайтів. Наприклад, за допомогою сценарію можна організувати перевірку відправляються користувачем на сервер даних (наприклад, через форму). Якщо інформація не вірна (замість численних даних послані текстові і тп), то користувач побачить попередження, видане скриптом. Ця функція знімає навантаження з сервера.</p>
<p>Також за допомогою сценаріїв створюється оформлення сайтів, надання їм більшої інтерактивності. Наприклад, меню, що розкриваються, динамічно змінюють розмір картинки і тд.</p>
<p>тег <script> призначений для опису скриптів. може містити посилання на програму або її частину тексту певною мовою. Скрипти можуть розташовуватися в зовнішньому файлі і зв'язуватися з будь-яким HTML-документом. Такий підхід дозволяє використовувати одні й ті ж загальні функції на багатьох веб-сторінках і прискорює їх завантаження, тому що зовнішній файл кешується при першому завантаженні, і скрипт викликається швидше при наступних викликах.</p>
<p><script> може розташовуватися в заголовку або тілі HTML-документа в необмеженій кількості. У більшості випадків розташування скрипта ніяк не позначається на роботу програми. Однак скрипти. які повинні виконуватися в першу чергу, звичайно поміщають в заголовок документа.</p>
<p>· VBS, VBScript - мова програмування VBScript заснований на Visual Basic. Є дітищем Microsoft і підтримується переважно браузером Internet Explorer.</p>
<p>Наведемо приклад HTML-сторінки, з вбудованим скриптом.</p>
<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p>
<h4>Схожі статті</h4>
<ul>
<li>
<p><a href="/articles/rosijska-mova-ta-kultura-movi-jak-predmet.php">Російська мова та культура мови як предмет вивчення</a></p>
</li>
<li>
<p><a href="/articles/inozemci-jaki-priizhdzhajut-v-kazahstan-vchiti.php">Іноземці, які приїжджають в казахстан вчити російську мову</a></p>
</li>
<li>
<p><a href="/articles/vikoristovujte-pozitivnij-movu-dlja-spilkuvannja.php">Використовуйте позитивний мову для спілкування зі своїми клієнтами</a></p>
</li>
</ul>
</div>
</article>
</div>
</div>
</div>
<footer class="igrzom-footer clearfix">
<p>Copyright © 2024<br></p>
</footer>
</div>
</div></body>
</html>