Головна Головна -> Інше українською -> Інформатика, комп'ютери, програмування -> Мова HTML. Теги форматування тексту

Мова HTML. Теги форматування тексту

Назва:
Мова HTML. Теги форматування тексту
Тип:
Інше
Мова:
Українська
Розмiр:
4,30 KB
Завантажень:
451
Оцінка:
 
поточна оцінка 5.0


Скачати цю роботу безкоштовно
Пролистати роботу: 1  2  3 
Лабораторна робота
Тема: Мова HTML. Теги форматування тексту.
Мета: Опанувати принципи побудови логічної структури HTML-документа і основні принципи форматування тексту.
Теоретичні відомості
Структурні теги документів HTML і форматування тексту
Створення HTML-документа відбувається розташуванням тегів мови HTML всередині звичайного не форматованого тексту.
Теги HTML - це послідовності символів, які починаються знаком «менше» (<) і закінчуються знаком «більше» (>). Теги можуть мати атрибути, які в свою чергу, можуть приймати певні значення.
Броузери WWW обов’язково дотримуються трьох правил при синтаксичному аналізі HTML:
Пробіли та інші «невидимі символи» ігноруються.
Теги форматування можуть біти написані великими або малими літерами.
Більшість тегів форматування пишуться парами.
Позначення HTML-документа
< HTML> … </ HTML> - включають в себе всі інші теги HTML і весь інформаційний зміст документа.
< HTML> розташовується в першому рядку документа;
</ HTML> - у останньому рядку.
Заголовок документа
<HEAD> … </HEAD> - містить інформацію про документ
Назва документа
<TITLE> … </TITLE> - назва документа, яка відображається в рядку заголовка Internet Explorer.
Тіло документа
<BODY> … </BODY> - тіло документа, містить весь текст з інформацією і всі теги HTML, які використовуються для форматування тексту.
ФОРМАТУВАННЯ ТЕКСТУ
Розмітка, яка створюється за допомогою мови HTML, дозволяє організовувати текст у логічні, легко зрозумілі розділи або застосовувати до нього специфічний формат. Теги форматування дозволяють визначити такі елементи:
початок абзацу і кінець рядка;
стилі заголовків;
фізичні стилі;
логічні стилі;
списки;
спеціальні символи.
Тег управління абзацом
Початок абзацу
<Р>…</Р> - позначає початок і кінець нового абзацу. Атрибути тега <Р>
ALIGN=LEFT|RIGHT|CENTER|JUSTIFY – вирівнює текст всередині абзацу.
Приклад запису тега абзацу з атрибутом:
<P ALIGN=JUSTIFY> - абзац вирівнюється по ширині.
Тег управління переходом на новий рядок
Тег <BR> - розпочинає новий рядок тексту в межах поточного абзацу.
Примусове переведення рядка використовується для того, щоб порушити стандартний порядок відображення тексту.
Теги змістового виділення тексту
<BLOCKQUOTE>…</BLOCKQUOTE> - дозволяє розміщувати текст на рівній відстані від меж екрана і створювати відступи праворуч і ліворуч.
При використанні <BLOCKQUOTE> декілька разів текст дедалі більше стискається до центра.
<CITE>…</CITE> - розмічає текст як цитату, як правило, курсивом.
Теги стильового виділення тексту
Фізичні стилі – це реальні атрибути шрифту, такі як курсив, або жирне виділення.
Тег Значення
<І> </І> курсив (ITALIC)
<В>...</В> жирний шрифт (BOLD)
<ТТ>... </ТТ> телетайп
<U>. ..</U> підкреслений
<S>...</S> перекреслений текст
< BIG >... </ BIG > збільшений шрифт
< SMALL >...</ SMALL > зменшений шрифт
< SUB >...</ SUB > підрядкові символи
< SUP>>…. </ SUP > надрядкові символи
ПРИКЛАД 1
Файл у форматі HTML:
<HTML>
<HEAD>
<TITLE> MOЯ перша HTML-CTОРІНКА</TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>
УКРАЇНСЬКА МИНУВШИНА <BR>
Етнографічний довідник </Р>
</BODY>
</HTML>
ПРИКЛАД 2
Файл у форматі HTML:
<HTML>
<HEAD>
<ТІТLЕ>Моя перша НТМL-сторінка</ТІТLЕ>
</HEAD>
<BODY>
<Р ALIGN=CENTER>
<В>УКРАЇНСЬКА МИНУВШИНА </B><BR>
<І>Етнографічний довідник</І><ВК>
<U>До читача</U> </Р>
</BODY>
</HTML>
Контекстні підказки
Для пояснення змісту терміна при наведенні на нього мишкою використовується тег:
<ACRONYM title= «пояснювальний текст»> Термін </ACRONYM>.
ПРИКЛАД
<HTML> <ТІТLЕ>Моя перша НТМL-сторінка</ТІТLЕ>
<BODY>
<ACRONYM title=«Енциклопедія традиційної культури та побуту українців.

Завантажити цю роботу безкоштовно
Пролистати роботу: 1  2  3 



Інше на тему: Мова HTML. Теги форматування тексту

BR.com.ua © 1999-2017 | Реклама на сайті | Умови використання | Зворотній зв'язок