Скачать презентацию Поняття про мову розмітки гіпертекстовий документ та його Скачать презентацию Поняття про мову розмітки гіпертекстовий документ та його

ponyty HTML_.ppt

  • Количество слайдов: 8

Поняття про мову розмітки, гіпертекстовий документ та його елементи. Поняття тега й атрибута. Теги Поняття про мову розмітки, гіпертекстовий документ та його елементи. Поняття тега й атрибута. Теги форматування шрифтів і поділу тексту на рядки та абзаци. Гіпертекст — це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань. Ці коди визначені у мові програмування HTML (Hyper Text Markup Language — мова гіпертекстової розмітки). Процес вставляння в текст кодів HTML називають розміткою. Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Під час відображення документа в браузері самих тегів не видно, але вони впливають на зовнішній вигляд документа. Усі теги починаються із символу < і закінчуються символом > — їх називають кутовими дужками. Атрибути — це додаткові ключові слова, відокремлені від основного ключового слова тегу та один від одного символами пробілу.

Структура HTML-документа Основну структуру HTML-документа визначають чотири парні теги. їхня наявність передбачена у всіх Структура HTML-документа Основну структуру HTML-документа визначають чотири парні теги. їхня наявність передбачена у всіх таких документах; <ТІТLЕ>Заголовок документа Текст, що відображається на екрані

Теги форматування тексту <B> та </В>Напівжирне накреслення <I> та </I>Курсивне накреслення <U> та </U>Підкреслене Теги форматування тексту та Напівжирне накреслення та Курсивне накреслення та Підкреслене та Перекреслене та Верхній індекс та Нижній індекс

абзац
новий рядок Для того щоб розбити текст на логічні частини, використовують заголовки. Мова HTML підтримує шість рівнів заголовків документів. Вони позначені тегами від <Н 1>. . . до <Н 6>. . . . На екрані ці заголовки відображаються різними шрифтами (зазвичай напівжирними). Хоча в мові HTML є теги форматування, які можуть змінювати зображення шрифту, користуватися ними для заголовків не рекомендовано. Текст, що міститься всередині тегу заголовка, відображатиметься відповідно до його рівня. Найвищий рівень має заголовок Н 1, найнижчий — Н 6. Текст заголовка може бути вирівняний по центру, за правим або лівим краєм — для цього використовують атрибут ALIGN. Наприклад: <Н 2 ALIGN=center r i g h t left>Teкст заголовка (тут символ означає можливість вибору між значеннями center, r i g h t або l e f t ).

Кольори та зображення для всього документа і його тла задають за допомогою тегу <BODY>. Кольори та зображення для всього документа і його тла задають за допомогою тегу . Він може мати такі атрибути: • BACKGROUND="URL" — замість URL вказують адресу малюнка, який має бути тілом для сторінки; • BGC 0 L 0 R=значення — задає колір, який має бути фоновим для документа; • ТЕХТ=значення — задає колір тексту; • LINK=значення — визначає колір гіперпосилань у документі; • ALINK=значення — задає колір гіперпосилань під час клацання; • VLINK=значення — задає колір переглянутих гіперпосилань.

Текстові гіпер-посилання. Теги заголовка й тіла веб-сторінки. Нумеровані й марковані списки на веб-сторінках. Способи Текстові гіпер-посилання. Теги заголовка й тіла веб-сторінки. Нумеровані й марковані списки на веб-сторінках. Способи керування структурою та розміщенням інформації на вебсторінках. У HTML-документах використовують три види списків: • невпорядкований (маркований); • упорядкований (нумерований); • список визначень. У невпорядкованому списку для виділення елементів використовуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу

    , а закінчується —
. Кожний елемент списку починається з тегу
  • . Тег
      може мати атрибут TYPE, який визначає форму позначки. Цей атрибут набуває таких значень: • d i s k — зафарбоване коло; • c i r c l e — коло; • square — маленький чорний квадрат.

    • В упорядкованому списку всі елементи пронумеровані. Починається список із тегу <0 L>, а закінчується В упорядкованому списку всі елементи пронумеровані. Починається список із тегу <0 L>, а закінчується — . Кожний елемент такого списку також починається з тегу

  • . Тег
      може мати атрибут TYPE, який визначає тип нумерації. Цей атрибут набуває таких значень: • А — велика літера; • а — мала літера; • І — велика римська цифра; • і — мала римська цифра; • 1 — арабська цифра. У разі потреби за допомогою атрибута START можна задати відмінний від одиниці початковий номер елемента, наприклад <0 L TYPE="I" START="5">, Нумерований список, початковий елемент якого позначено латинською літерою Е, яка є п'ятою в алфавіті, описують так:
      1. Перший елемент списку
      2. Другий елемент списку
      3. Третій елемент списку
      4. Четвертий елемент списку

    • Список визначень (definition list) порівняно з маркованим або нумерованим має дещо складнішу будову. Кожен Список визначень (definition list) порівняно з маркованим або нумерованим має дещо складнішу будову. Кожен елемент такого списку складається з двох частин: терміна та його визначення. У такий спосіб можуть бути оформлені словники та термінологічні довідники. Однак цей тип списку використовують рідко, і тому описувати його докладніше не будемо.

    Фрейми, їхні теги й атрибути Для позиціювання елементів на екрані монітора часто використовують таблиці. Фрейми, їхні теги й атрибути Для позиціювання елементів на екрані монітора часто використовують таблиці. Але інколи використовують і фрейми (вікна, або блоки, в яких відображається свій html документ). Для поділу екрана на кілька фреймів використовують теги i . Застосовується тег після тегу заголовка. Теги та можна не використовувати. Фрейми можна розташувати поруч по горизонталі (cols), або вертикалі (rows). задає поділ на три вертикальні фрейми, що займають відповідно 20%, 50%, та місце що залишилось від ширини екрана. Одночасний горизонтальний і вертикальний поділ на фрейми роблять за допомогою вкладення тегів один в одний. Після поділу екрана на вікна для кожного фрейму слід задати html-документ, який відображатиметься в ньому. Атрибути для : SRC — задає ім'я файлу, що відображатиметься у фреймі; NAME — задає ім'я фрейму; SCROLLING — визначає наявність (значення yes) або відсут ність значення nо) смуг прокручування ( у вікні фрейму (за умовчанням — yes); NORESIZE — забороняє користувачу змінювати розміри фрейму; BORDER — визначає ширину розділювальної смуги між фреймами в пікселах; BORDERCOLOR — визначає колір розділювальної смуги між фреймами; MARGINHEIGHT — додає порожнє поле, висота якого визна чена пік селях між верхньою межею в фрейму і початком тексту або графіки; MARGINWIDTH — додає порожнє поле, ширина якого визна чена пікселах, між боковими межами в фрейму і початком тексту або графіки. Оскільки фрейми підтримують не всі браузери, необхідно помістити тег перед тегом , а між і записати повідомлення, яке з'являтиметься у вікні, якщо браузер непідтримує фрейми. Після має йти.