HTML (Hyper Text Marker Language) – мова розмітки гіпертексту. Це стандарт, відповідно до якого документи Web зображаються броузерами Internet, наприклад, Netscape, Accent, Мosaic, Amaya та інші. Мова HTML – це метод розмітки стандартного тексту таким чином, щоб броузер інтерпретував визначені теги та відтворював інформацію в потрібному масштабі (форматі). Теги, що розміщуються в тексті, можуть змінювати шрифти, стилі та створювати спеціальні ефекти. Крім зміни стилю тексту, HTML повідомляє броузеру, коли деякий текст на сторінці повинен вважатися гіпертекстовим посиланням, в якому місці вставити графічні та спеціальні елементи, команди відправки пошти та інші спеціальні можливості. На рис. 1 наведений текст початкового HTML-коду. На рис. 28 наведений той же текст в інтерпретації броузера Internet Explorer. HTML не є мовою програмування у повному сенсі слова. У неї специфічний формат, який є світовим стандартом. Цей стандарт називається Document Type Definition (Визначення типу стандарту), або ДТД. Першим ДТД-стандартом на HTML була версія 1.0, потім 2.0. Нещодавно закінчилось обговорення версії 3.2 (версія 4.0 ніколи не була випущена). В HTML 3.2, 4.0 включили нові теги, що дозволяють краще керувати текстом та швидше включати мультимедійні кліпи. Додаткова інформація про мову HTML міститься на доменній сторінці Web-консорціума: http://www.w3.org. Незважаючи на те, що HTML є світовим стандартом проектування Web-сторінок, існує декілька його розширень, що розроблені для броузерів Netscape та Microsoft. Ці дві компанії запропонували спеціальні розширення HTML версії 3.2, які надають Web-сторінкам підтримку мультимедіа та додаткову гнучкість в управлінні текстом та шрифтом. Мова HTML не дуже складна для вживання, але в ній є деякі тонкощі. По суті справи HTML в основному інтуїтивна і її легко читати. Вона близька до англійської мови. Рис. 1. Сторінка HTML в текстовому редакторі Основні важливі теги HTML Існує чотири стандартних теги, які частково присутні на кожній Web-сторінці: 1. повідомляє броузеру, що документ написаний мовою HTML 2. відмічає вступну та заголовну частину HTML-документа 3. відмічає основний текст та інформацію 4. вміщує адресу електронної пошти для отримання більш детальної інформації про цю Web-сторінку. Будь яка команда або тег, або дескриптор наводиться в початковому тексті документа таким чином: знак , наприклад, . Команда діє до тих пір, поки не буде відмінена (закрита). Вона створюється точно так як і звичайна команда, тільки поряд з назвою команди ставиться коса лінія (/). Так, останньою стрічкою документа HTML повинна бути наступна команда: . Такий формат використовується з невеликими змінами для усіх команд HTML. Модифікація можлива, наприклад, в тих командах, які мають параметри. В таких випадках застосовується наступний формат: , де параметр визначає проектований параметр, а значення визначає величину, яка присвоюється усьому параметру. Мова HTML не враховує регістр, тому команди і інтерпретуються однаково. Рядкові та прописні букви відрізняються тільки при використанні таких параметрів, як TYPE для списку. Щоб закрити дію команди з параметрами, вказується тільки назва команди і . Форматування символів На мові HTML текстову інформацію можна виділяти курсивом, напівжирним шрифтом або за допомогою підкреслення. Для цього використовуються наступні команди: Курсив. Для того, щоб виділити слова або ціле речення курсивом, використовують команду . Напівжирний. Для того, щоб виділити слово або усе речення за допомогою напівжирного шрифту, використовують команду . Підкреслення. Для того, щоб виділити слова або усе речення за допомогою підкреслення, використовують команду . Перераховані вище типи виділення тексту можна комбінувати. На наведених нижче рис. 3, 4 подається приклад використання команд , , та . Рис. 2. Типова WEB-сторінка Наприклад, вхідний текст: “На лекції були присутні 35 студентів” в броузері Web буде виглядати таким чином: “На лекції були присутні 35 студентів”. Елементи сторінки Web Основні команди, що задають формат елементів сторінки, такі: оформлення заголовку встановлення розмірів шрифтів задання зв'язків з іншими документами визначення різних типів абзацу Оформлення заголовку Команди, розміщені в заголовку документа, містять інформацію про сторінки, що належить до назви ресурсу, предметних покажчиків та відомості про зв’язки. Інформація, що має відношення до заголовку, розміщується на початку документа та виділяється за допомогою команд і . Назва. Назва документу з’являється в рядку заголовку вікна броузера при звертанні до цього ресурсу. Назва виділяється за допомогою команд і Base/HREF. Значення HREF (Header that References – заголовок, який посилається на певний URL). Формат команди наступний: . Замість URL проставляється повна адреса документу. Ця корисна команда використовується при необхідності задання зв’язку з іншими ресурсами. Вона використовується для того, щоб задати ім’я файлу, в якому зберігається документ. Назва розділів. Назва розділів – це заголовок, який приводиться на початку деякої частини тексту. При розділенні документу можливо використовувати різні рівні. В HTML дозволяється 6 рівнів назв розділів, кожний з яких задається за допомогою дескриптора , де n – число від 1 до 6. Рис. 3. Програма на HTML На рис. 5 та рис. 6 наведений приклад використання оформлення заголовку. Основний текст документу До основного тексту відносяться всі абзаци, списки, визначення та форми. В цьому розділі міститься значна частина інформації. Тут можуть бути розміщені графічні та звукові файли. Абзаци Для розбивки тексту документу використовується команда
. Тільки її застосування, а не відступи та переведення каретки, визначає початок нового абзацу. Наприклад, текст «Лекція сьогодні буде о десятій годині дня при завантаженні в броузер буде виглядати так: Списки За допомогою команд HTML можна створювати списки декількох видів. Щоб позначити початок списку, використовують наведені нижче дескриптори. Поряд з кожним елементом списку повинна бути вставлена команда
. Пронумерований (ordered) список Для завдання пронумерованого списку використовується команда . Первісний код пронумерованого списку має наступний вигляд: Element one Element two Element three
Рис. 4. Зображення Web-сторінки Маркерований (unnumbered) список Перед кожним елементом такого списку стоїть спеціальний маркер. Для задання маркерованого списку використовується команда
. Початковий код маркерованого списку виглядає так:
Element one Element two Element three
Описовий (descriptive) список Список опису, що задається командою
, складається із заголовків та елементів списку. Заголовок задається дескриптором , а описовий елемент – . Спеціальне форматування тексту Крім розглянутих раніше способів виділення тексту існує і багато інших. Далі розглянуті деякі команди, найбільш вживані для спеціального форматування. Рис. 5. Текст HTML оформлення заголовку Відформатований текст Під відформатованим текстом розуміють файл, створений деякою програмою та призначений для виведення на екран власне в такому ж вигляді. Для виділення відформатованого тексту використовується команда
і
. В тексті можуть бути вмонтовані інші дескриптори. Команда застосовується тоді, коли не дозволяється використання дескрипторів. Цитування Коли необхідно процитувати деякий фрагмент тексту, що міститься в іншому документі, використовується команда . Коментарі Часто в початковий текст документу HTML необхідно вставити коментарі (примітки на пам’ять), в яких би вказувалось, що власне повинна робити та чи інша команда. Інформацію такого ґатунку в більшості випадків показувати користувачеві недоцільно. Для цього використовують команду: . Адреса Команда виділяє приведений за нею текст за допомогою курсиву. Частіше за все її використовують при показі адреси електронної пошти або місцезнаходження автора документу. Текст, який знаходиться між дескрипторами та , буде відділений від попередньої частини документу спеціальною лінією. Приклади Для того, щоб вивести на екран деякий фрагмент тексту в точно такому вигляді, в якому він введений в документі HTML, застосовують команду . Малювання горизонтальних ліній Команда дозволяє малювати від одного краю сторінки до другого горизонтальну лінію. Рис. 6. Зображення заголовку на екрані
Рефераты по информатикеHTML (Hyper Text Marker Language) – мова розмітки гіпертексту. Це стандарт, відповідно до якого документи Web зображаються броузерами Internet,
Оценок: 425 (Средняя 5 из 5)
Наверняка у вас есть товары или услуги, продажа которых приносит вам максимальную прибыль. Для быстрого старта в сети вам необходимо создание посадочной страницы (одностраничного сайта), на которой будет размещена информация о маржинальных товарах/услугах интернет магазина. За 8 лет опыта разработки конверсионных страниц мы выработали оптимальную структуру, которая позволит привлекать через landing page больше продаж. На такую структуру «одевается» ваш контент — фирменный стиль, тексты, фотографии, уникальные торговые предложения, после чего страница выходит в свет. Разработка лендинга и запуск в сети — до 7 рабочих дней. Стоит отметить, что в разработку самой посадочной страницы входит и написание копирайтером продающих текстов для вашего бизнеса, чтобы каждый посетитель страницы захотел совершить покупку именно у вас. Результат: качественно разработаная продающая посадочная страница, которая готова приносить вам новых клиентов.