- •Заняття №34
- •Структура веб-сайтів, різновиди веб-сторінок. Поняття про мову html. Основні теги і атрибути.
- •Встановлення параметрів сторінки сайту, введення й форматування елементів сторінки: тексту, гіперпосилань, зображень.
- •Основні теги
- •Введення тексту на сторінку
- •Введення коментарів
- •Теги форматування символів тексту
- •Службові та непечатні символи
- •Створення списків
- •Список означення
- •3. Графіка та мультимедійна інформація на веб-сторінках. Вставлення графічних об'єктів
- •Вставлення файлу, відеофайлів та звуків
- •Динамічні ефекти
- •4. Структура веб-сайтів
- •Контрольні запитання
Встановлення параметрів сторінки сайту, введення й форматування елементів сторінки: тексту, гіперпосилань, зображень.
Основою всесвітнього «павутиння» World Wide Web є мова гіпертекстової розмітки HTML (HyperText Markup Language). Вона була створена вченими Європейського центру ядерних досліджень (CERN, м. Женева).
HTML - набір угод для розмітки документів, що визначають зовнішній вигляд документів на екрані комп'ютера при доступі до них із використанням програми броузера.
Документи, підготовлені мовою HTML, називаються HTML-документами.
HTML-документ (або Web-сторінка) - це звичайний текстовий файл із розширенням htm або html, складений мовою HTML, який містить інформацію для публікації в World Wide Web.
Web-сайт - це сукупність Web-сторінок (десятків, сотень, навіть тисяч), об'єднаних однією загальною темою і поміщених, як правило, на одному вузловому комп'ютері.
Тег або дескриптор (у перекладі tag - покажчик, мітка) - це фрагмент коду, що описує певні елементи документа HTML і вміщений у кутові дужки < >.
HTML-документ умовно можна розбити на три частини:
1. Службова інформація для броузера, що вміщена у рядок з тегом
<! DOCTYPE>.
2. Заголовна частина документа, до якої вміщена назва документа, а такі службова інформація для серверів, описи невеликих програм-сценаріїв. Ця частина документа міститься між тегами < HEAD > …</HEAD>.
3. Тіло документа, що обмежене тегами <BODY>... </BODY>
Основні теги
Тег означення початок та кінець html-файлу
<HTML>…</HTML>
Теги, які описують заголовок документа
<HEAD>текст</HEAD>
<TITLE>текст</TITLE> - заголовок Windows-вікна.
Введення тексту на сторінку
<BODY BACKGROUND="шлях/адреса файла зображення для тла"
BGCOLOR = "колір тла" TEXT = "колір символів" >
Текст
</BODY>
Введення коментарів
<!-- текст-коментар -->
або у середині парного тега
<COMMENT> текст-коментар </COMMENT>
Теги форматування символів тексту
<В> текст </В> |
Товстий шрифт тексту |
<І> текст </I> |
Шрифт- курсив |
<U> текст </U> |
Підкреслений шрифт |
<SUB> текст </SUB> |
Нижній індекс. (Н2О) |
<SUP> текст </SUP> |
Верхній індекс (х2) |
<BIG> текст </BIG> |
ВЕЛИКИЙ шрифт |
<SMALL>текст</SMALL> |
Малий шрифт |
<HR> |
Буде проведена горизонтальна лінія |
<HR WIDTH =”довжина у пікселях” SIZE=”товшина лінії” COLOR="колір лінії"> |
|
<P> |
Речення починатиметься з нового, вирівняного до лівого краю, абзацу без відступу. Між абзацами буде порожній рядок |
<BR> |
Наступний за цим тегом текс буде наведений у новому рядку без попуску порожнього рядка |
Заголовки
<Н№>Заголовок</Н№> - де № - це число яке змінюється від 1 до 6, визначає розмір символів Заголовка (за зменьшенням). Починається з абзацу та вирівнюється до лівого краю.
Теги вирівнювання
ALIGN = “вирівнювання”
або
<CENTER>текст по центру</CENTER>
<LEFT>текст до лівого краю (за умовчанням)</LEFT>
<RIGHT>текст до прапвого краю</RIGHT>
Шрифти
<FONT FACE = "назва шрифта" SIZE = розмір шрифта COLOR = "колір">
текст
</FONT>
Розміри символів шрифту можуть бути від 1 до 7. (Розмір 3 вважається стандартним, він відповідає 10 пікселям).
Основні кольори
black - чорний |
#000000 |
green - зелений |
#008000 |
navy - темно-синій |
#000080 |
teal - бірюзовий |
#008080 |
silver - сірий |
#C0C0C0 |
lime - яскраво-зелений |
#C0FF00 |
blue - синій |
#0000FF |
aqua - блакитний |
#00FFFF |
maroon - малиновий |
#800000 |
olive - темно-зелений |
#808000 |
purple - бузковий |
#800080 |
gray - темно-сірий |
#808080 |
red - червоний |
#FF0000 |
yellow - жовтий |
#FFFF00 |
fushsia - рожевий |
#FF00FF |
while - білий |
#FFFFFF |