Курсова робота на тему: «МОВА РОЗМІТКИ HTML. РОБОТА З ТЕКСТОМ»

Зміст

 

Вступ    3

Структура документа    4

Структура файлів    10

Метатеги    16

Колір фону    20

Форматування тексту    23

Розмір тексту    26

Вирівнювання тексту    29

Альтернативний текст    33

Створення підкреслення тексту    35

Висновок    39

Список використаної літератури    41

 

 

 

Вступ

Hypertext Markup Language (HTML) це проста система для створення гіпертекстових документів, які переносні з однієї платформи на іншу. По суті, HTML документи це SGML документи із загальною семантикою, яка підходить для представлення інформації у великій кількості додатків. HTML може використовуватися для уявлення:

  • Гіпертекстових новин, пошти, документації і гіпермедіа
  • Меню опцій
  • Результатів запитів до баз даних
  • Простих документів з вбудованими графічними образами
  • А також, для гіпертекстового перегляду існуючих масивів інформації

    Проект World Wide Web (WWW) об’єднує розкидану по світу інформацію. Для цього WWW використовує Internet HyperText Transfer Protocol (HTTP) – Протокол Передачі Гіпертексту, який дозволяє ввести угоди на способи представлення даних при взаємодії клієнта і сервера.

    Дані передаються в тілі повідомлення відповідно до MIME стандартом. HTML це одне з представлень інформації в WWW. Передбачається, що HTML відповідає одному з типів MIME, а саме text/html. Додатково, HTML це розробка, відповідна Міжнародному Стандарту ISO 8879, – Standard Generalized Markup Language (SGML), який є системою для визначення структурованих типів документів.

     

    Структура документа

    Словом HTML є скорочення від HyperText Markup Language — мова розмітки гіпертексту. В основному, HTML-документ є простим текстовим файлом, який містить текст і нічого більшого. Отже створювати веб-сторінки можна в будь-якому текстовому редакторові.

    Коли веб-сторінка відкривається в браузері, він проглядає код HTML, знаходить спеціальні символи, звані тегами, і використовує їх для вставки зображень, зміни виду тексту, створення посилань на інші веб-сторінки і ін.

    Для позначення тегов використовується символ <тег>. Теги бувають двох видів: парні, які виділяють блок тексту, також називаються ще контейнером (приклад 1) і одиничні. Контейнер вимагає закриваючого тега, </тег>, що позначається. Теги нечутливі до регістра, тому запис <B> і <b> еквівалентний.

    Приклад 1. Використання парних тегов (контейнера)

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
    <html>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
    <title>Контейнеры</title>
    </head>
    <body>

    <p><b>Жирный шрифт</b> в тексті.</p>

    </body>
    </html>

    Оскільки одночасно можна використовувати будь-яке розумне поєднання тегів, слід пам’ятати про їх вкладеність (приклад 2). Один контейнер повинен знаходитися усередині іншого, і ніяк не перетинатися (приклад 3).

    Приклад 2. Правильне поєднання тегов

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
    <html>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
    <Title>Вложение тегов</title>
    </head>
    <body>

    <p><b><i>Полужирный курсивний текст</i></b></p>

    </body>
    </html>

    У даному прикладі текст знаходиться усередині контейнера <I>, який встановлює курсивне зображення, а він у свою чергу розміщується усередині контейнера <B> задаючим жирне зображення тексту. Результат залишиться незмінним, якщо в даному випадку поміняти теги місцями.

    Приклад 3. Неправильне поєднання тегов

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
    <html>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
    <title>Ошибка у вкладенні тегов</title>
    </head>

    <body>

    <p><i><b>Полужирный курсивний текст</i></b></p>

    </body>
    </html>

    У даному прикладі порушена вкладеність тегів один в іншій. Хоча браузер і відобразить приклад коректно, самостійно «здогадавшись» що від нього хочуть, подібних помилок слід уникати, оскільки вони приводять до уповільнення роботи сторінки і до неправильної демонстрації сторінки в більшості випадків.

    Структура документа

    Всі нормальні веб-сторінки складаються з двох розділів — заголовка (<HEAD>) і тіла документа (<BODY>). Розділ заголовка може містити текст і теги, але вміст цього розділу не показується безпосередньо на сторінці. Тіло документа призначене для розміщення тегів і змістової частини (приклад 4).

    Приклад 4. Простий HTML-документ

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
    <html>
    <head>
    <!– Цей розділ призначений для заголовка сторінки і технічної інформації. –>
    </head>

    <body>
    <!– А тут треба розміщувати все, що хочеться побачити на сторінці. –>
    </body>
    </html>

    ЗАВАНТАЖИТИ

    Для скачування файлів необхідно або Зареєструватись

    Mova HTML Robota Z Textom (79.8 KiB, Завантажень: 8)

Сторінка: 1 2 3 4 5 6 7 8 9
завантаження...
WordPress: 23.35MB | MySQL:26 | 0,341sec