Scribd Logo
Upload

Welcome to Scribd!

  • Лабораторна робота - 1

    Uploaded by

    curatoroff
    8 views3 pages

    Original Title

    Лабораторна робота_1

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views3 pages

    Лабораторна робота - 1

    Uploaded by

    curatoroff

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Лабораторна робота №1

    Тема: Створення HTML-сторінки. Форматування тексту і створення


    заголовків
    Мета: ознайомитися з базовими поняттями і структурою HTML-сторінки та
    синтаксисом. Навчитися створювати заголовки сторінок, та форматувати
    текст на сторінці.

    ПОРЯДОК ВИКОНАННЯ РОБОТИ


    1. Створити HTML-документ та розмістити на сторінці наступний текст
    з форматуванням максимально наближеним до прикладу. Адресу для
    гіперпосилання можна використовувати відповідно до назв термінів.
    Також створити на сторінці «якір» (посилання всередині сторінки) на
    обраний власноруч термін. В кінці сторінки додати текст, обраний на власний
    розсуд, (не менше 500 знаків) і застосувати до нього не менше 5 тегів для
    форматування, які не використовувались у прикладі.
    2. Створити ще одну сторінку і додати посилання на неї з головної
    сторінки. На другу сторінку помістити своє резюме. Відформатувати його з
    використанням відомих HTML тегів на власний розсуд.
    Створити звіт, у якому перелічити використані теги вставити
    зображення готової HTML-сторінки. Звіт і файл html-сторінки завантажити на
    ПНС.
    Приклад тексту:

    HTML5
    Зміст

    • Історія
    • Структура документації (WHATWG)
    • Нові можливості
    o Введено нові теги, а деякі прибрано
    o Приклад розмітки вебсторінки за допомогою HTML5
    o Підтримка тегів <video> та <audio>
    o Векторна графіка
    ▪ <canvas>
    ▪ 2SVG
    o Збереження даних на стороні клієнта
    o Редагування вмісту елементу
    • Технології, які не входять до HTML5
    • Процес стандартизації
    • Виноски
    • Посилання

    HTML5 — наступна версія мови HTML. До складу робочої групи з HTML5


    увійшли AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera та кілька сотень інших
    виробників.
    Існує деяка плутанина щодо версійності, оскільки існують дві незалежні
    групи розробників — WHATWG та W3C.

    WHATWG
    відмовились від принципу «версійності» на користь «вічної розробки» при прийнятті
    специфікації HTML.[1] Таке рішення було спричинено намаганням пришвидшити
    втілення стандарту в життя, тобто розробникам веббраузерів не потрібно чекати
    допоки вийде офіційна затверджена версія специфікації (специфікація перейде в стан
    recomendation), вони можуть втілювати певні частини специфікації вже зараз. Тому за
    версією WHATWG існує тільки одна специфікація, яка постійно розвивається — HTML.
    Ці дві групи працювали в тандемі: WHATWG писав специфікації в режимі «живого стандарту»,
    а W3C брав ці специфікації як «знімки», й впроваджував їх у чіткі версії своєї специфікації.
    W3C працював значно повільніше, бо повинен забезпечувати вимоги більшого спектра
    користувачів, а не тільки веббраузерів.[2]

    Робоча група WHATWG пропонує наступну структуру документації:

    1. Загальні положення.
    2. Семантика, структура, та API HTML-документу.
    3. Елементи HTML®
    4. Microdata
    5. Завантаження вебсторінок
    6. API для веб застосувань
    7. Взаємодія з користувачем
    8. Відеоконференції та взаємодія peer-to-peer
    9. Повідомлення
    10. синтаксис HTML
    11. синтаксис XHTML
    12. Застарілі функції

    Збереження даних на стороні клієнта


    Крім того, HTML5 дозволяє розробникам зберігати дані на стороні клієнта. Це значно
    зменшить обсяг інформації, що передається між веббраузером та сервером при використанні
    web-2.0 застосувань. Зараз триває робота над такими специфікаціями, що охоплюють даний
    розділ:

    • Session Storage
    • Local Storage
    • IndexedDB

    Базова структура HTML документа


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=”UTF-8” />
    <title>title</title>
    </head>
    <body>
    <p> ¼ + ¾ = ¿</p>
    </body>
    </html>

    You might also like