Урок "Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання."
Текстові елементи вебсторінки, теги та їх атрибути. Гіперпосилання.Інформатика 10 клас. Вибірковий модуль «Вебтехнології»
Мова HTMLМова HTML дотримується правил, які містяться у файлі оголошення типу документа (Document Type Definition, або DTD) . DTD є XML-документом, що визначає, які елементи, атрибути та їх значення дійсні для конкретного типу HTML. Для кожної версії HTML є власний DTD. DOCTYPE відповідає за коректне відображення веб-сторінки браузером. DOCTYPE визначає не тільки версію HTML (наприклад, html), але й відповідний файл DTD в Інтернеті.
Теги. Команди мови HTML називаються тегами, які бувають відкриваючими та закриваючими. Вони записуються у кутових дужках. Наприклад, тег означає, що текст, написаний між відкриваючим і закриваючим тегом (які розрізняються похилою рискою або слешем) буде записаний курсивом. Тег у перекладі з англійської означає етикетку, ярлик, бірку – по суті це певний опис, прикріплений до тексту чи іншого об’єкту, котрий має відображатись на веб-сторінці.
Атрибути тега. Деякі теги є парними, а деякі не потребують закривання. Наприклад, тег вставки зображення є одинарним. Крім того, деякі теги містять атрибути – додаткові параметри. Для тегу зображення такими параметрами є назва файлу (або адреса) зображення, його розміри та альтернативний текст, надзвичайно важливий для коректної обробки ілюстрацій програмами, котрі зчитують вміст з екрану.
Специфікації HTMLБазою нинішньої специфікації HTML є виділення змістових елементів сторінки тегами
Структура Елементи, що усередині елемента утворюють дерево документа, так звану об'єктну модель документа, DOM (document object model) . У цьому елемент є кореневим елементом.
Накреслення літер
Шрифти. Атрибути тегу шрифтуsize : число від 1..7face: гарнітура (тип шрифту) color: колір, заданий назвою чи кодом
Рядок, що «біжить». Елемент MARQUEE - тег для рядку, що "біжить". Форма запису:
Індекси. Тег sup відображає текст із зсувом вгору (верхній індекс) і зменшує розмір поточного шрифту на одиницю. Наприклад: Тег sup відображає текст із зсувом вниз (нижній індекс) і зменшує розмір поточного шрифту на одиницю. Наприклад:
Особливості роботи з текстом у форматі HTML: Наповнюючи сторінку вмістом варто знати про деякі особливості роботи з текстом у форматі HTML: будь-яка кількість пробілів, що йдуть підряд будуть замінені одним пробілом; ігноруються усі переноси рядків, абзаци, якщо вони не виконані відповідними тегами
та
;текст займає всю ширину браузера, переноси відбуваються за словами чи дефісамидля вставки спеціальних символів використовуються позначення наприклад нерозривний пробіл чи копірайт ©
Хоча існує набір тегів для базового форматування тексту, задачу оформлення зазвичай вирішують аркуші стилів.
Працюємо за комп’ютером. Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки. Приклад документа
про публікацію авторської розробки
Додати розробку