Теми рефератів
> Реферати > Курсові роботи > Звіти з практики > Курсові проекти > Питання та відповіді > Ессе > Доклади > Учбові матеріали > Контрольні роботи > Методички > Лекції > Твори > Підручники > Статті Контакти
Реферати, твори, дипломи, практика » Курсовые проекты » Створення Web-сайту

Реферат Створення Web-сайту





тегів lt; H gt; lt;/H gt ;, шрифт не буде жирним, наприклад:


Рисунок 12 - Розмір шрифту


Так само в тегах lt; font gt; lt;/font gt ;, атрибутом COLOR, задається колір шрифту, наприклад:

lt; font color= # FF3300 gt; Колір тексту буде такою lt;/font gt;

lt; font color= # 9933CC gt; Колір тексту буде такою lt;/font gt;

lt; font color= # 993333 gt; Колір тексту буде такою lt;/font gt;

Тегами lt; SPAN gt; lt;/SPAN gt ;, з елементом STYLE, задається колір під конкретним текстом (Рис. 13) наприклад:

Малюнок 13 - Колір тексту


Для перенесення тексту на інший рядок застосовується не парний тег lt; br gt ;. Для створення абзаців існує теги lt; p gt; lt;/p gt ;, в яких можна задавати значення елемента ALIGN. Наприклад:

lt; p align= center gt; Текст буде розташовуватися в центрі сторінки lt;/p gt;

lt; p align= right gt; Текст вирівняється по правому краю сторінки lt;/p gt;

lt; p align= left gt; Текст вирівняється по лівому краю сторінки lt;/p gt;

lt; p align= justify gt; вирівняти текст по обох сторонах сторінки lt;/p gt;

Текст може бути простим, жирним, курсивом, підкресленим і закресленим. Жирний текст укладається між тегами

lt; b gt; Жирний текст lt;/b gt;.

Текст курсивом, між тегами lt; I gt; Текст жирний, курсивом lt;/I gt;

Текст підкреслений між тегами lt; U gt; Текст жирний підкреслений lt;/U gt;

Текст закреслений між тегами lt; STRIKE gt; Текст закреслений lt;/STRIKE gt;


1.7 Списки


Списки бувають марковані й нумеровані. Марковані списки оформлюються тегами lt; UL gt; lt;/UL gt ;. Між цими тегами пишуться теги lt; LI gt; lt;/LI gt ;, усередині яких, пишеться елемент списку. До тегам lt; UL gt; lt;/UL gt; застосовується атрибут TYPE= .. зі значеннями Square - квадратик, Circle - зафарбований гурток, Disk - зафарбований гурток. Наприклад, щоб список був як на малюнку (Мал. 14, а) код буде таким:

lt; UL TYPE= square gt;

lt; li gt; Художня література lt;/li gt;

lt; li gt; Технічна література lt;/li gt;

lt; li gt; Інша література lt;/li gt;

lt;/UL gt;

Якщо змінимо значення TYPE= circle raquo ;, список буде виглядати так (Рис. 14, б)

Значення TYPE= disk raquo ;, маркування списку буде такий (Рис. 14, в)

Нумеровані списки оформлюються тегами lt; OL gt; lt;/OL gt; так само зі значеннями в атрибуті TYPE= .. raquo ;, в якому вказується, як буде пронумерований список, за замовчуванням, нумерований список оформляється арабськими цифрами (Мал. 14, г)

Якщо в код додасть атрибут зі значенням TYPE= A (Мал. 14, д)

Відповідно, якщо поставити маленьку букву a, то нумерація всього списку буде маленькими літерами, якщо поставити lt; OL TYRE= I gt ;, то список буде пронумерований римськими цифрами (Мал. 14, е )

Списки можуть бути і вкладеними, наприклад (Мал. 14, ж)


Малюнок 14 - Види списків

1.8 Таблиця каскадних стилів

форматування сайт таблиця каскадний

Таблиця каскадних стилів являє собою набір правил для оформлення різних елементів сторінки. Застосовуючи CSS можна для кожного елементу сторінки прописати свій стиль, такі як колір тексту, розмір і розташування шрифту, як виглядатиме меню. Опис стилів розміщується між тегами lt; HEAD gt; і lt;/HEAD gt; в тегах lt; STYLE gt; і lt;/STYLE gt;.

Опис стилів може розташовуватися як у самій сторінці сайту, так і в окремому файлі. Якщо сайт великий, у ньому багато сторінок, опис стилів зручніше розташовувати в окремій сторінці. Для цього відкриваємо блокнот, зберігаємо його в тій же директорії, де лежать файли сайту, під ім'ям style.css і починаємо прописувати елементи, наприклад:

html, body {margin: 0px; padding: 0px;} - щоб не було проміжків між таблицею і межами екрану;

td.menu {PADDINGLEFT: 30px; PADDING-top: 30px;} - вказує відступ зліва і зверху від краю, для таблиці в якій розташовано меню;

. newText {PADDING-LEFT: 220px; PADDING-right: 220px; FONTWEIGHT: bold; FONT-SIZE...


Назад | сторінка 6 з 8 | Наступна сторінка





Схожі реферати:

  • Реферат на тему: Текст як мовна одиниця. Ознаки тексту
  • Реферат на тему: Науковий текст
  • Реферат на тему: Текст у рекламі
  • Реферат на тему: Мистецтво як соціальний текст
  • Реферат на тему: Сецесія, місто и текст