- •Уроки html
- •1. Теги, структура html документа
- •Структура html сторінок
- •2. Форматування тексту
- •Шрифти: гарнітура, розмір, колір
- •Оформлення тексту
- •Заголовки
- •Текст у вигляді великого заголовка
- •Текст у вигляді маленького заголовка Теги перенесення рядка і форматування абзацу
- •Вирівнювання тексту
- •3. Списки.
- •Марковані списки
- •Нумеровані списки
- •Вкладені списки
- •Списки визначень
- •4. Таблиці.
- •Створення таблиць
- •Параметри таблиці
- •Параметри комірок
- •Приклад таблиці.
- •5. Зображення
- •Вставка зображення
- •Розміри зображення
- •Рамка довкола зображення
- •Альтернативний текст
- •Вирівнювання зображення
- •Відступи довкола зображення
- •Розбиття зображення на частини
- •6. Властивості сторінки - параметри тега body
- •Колір тексту
- •Колір фону
- •Фонове зображення
- •Колір заслань
- •Vlink - колір відвіданого заслання (visited link).
- •Відступи довкола контента
- •7. Заслання
- •Як зробити текст засланням
- •Як зробити зображення засланням
- •Колір заслань
- •Заслання усередині сторінки
- •Заслання на нове вікно
- •Заслання у фреймах
- •Заслання на адресу електронної пошти
- •8. Форми.
- •Створення форм
- •Текстове поле
- •Поле для пароля
- •Багаторядковий текст
- •Кнопка submit
- •Кнопка reset
- •Прапорці (checkbox)
- •Перемикачі (radiobutton)
- •Поле із списком
- •Кнопка із зображенням
- •Приклад комбінованої форми
- •1. Символьні об'єкти.
- •Що таке символьні об'єкти?
- •Приклади використання
- •Що таке css?
- •Що таке css?
- •Переваги css перед html
- •Css однією дією дозволяє змінювати відразу всю групу параметрів.
- •11 Додавання стилів
- •Внутрішні стилі
- •Глобальні стилі
- •Зв'язані стилі
- •Поєднання різний видів стилів
Як зробити зображення засланням
Замість тексту між тегами <a> і </a> Ви можете вставити зображення, і зображення буде засланням.
<а href="1.html"><img src="1.png"></a>
Ви вже знаєте з уроку 5. Зображення, що в зображення, що є засланням, автоматично з'являється рамка тощиной 1 піксел такого ж кольору, як текстові заслання, і знаєте, як її прибрати у разі потреби.
Колір заслань
Колір заслань можна задати за допомогою параметрів link, alink, vlink тега body. Про це Ви знаєте з уроку 6. Властивості сторінки - параметри тега body. В такий спосіб задається колір всіх заслань на сторінці.
Якщо ж Ви хочете змінити колір якогось конкретного заслання, Ви можете зробити також, як і для звичайного тексту, тобто скористатися тегом <font> з параметром color. Лише контейнер <font> повинен знаходитися усередині контейнера <a>.
<а href="1.html"><font color="#00FF00">Текст ссылки</font></a>
Заслання усередині сторінки
У попередніх розділах цього уроку ми говорили про зовнішні заслання, тобто про заслання на інші документи. Але бувають ще і внутрішні заслання, тобто заслання на якесь місце усередині поточного документа. Внутрішні заслання зручно використовувати у великих документах для розбиття на глави.
Хорошим прикладом є будова цих уроків. При натисненні на назву розділу уроку на початку сторінки браузер миттєво переносить Вас у відповідне місце в тексті, і Вам не доводиться його шукати.
Отже, аби створити внутрішнє заслання, треба виконати 2 дії:
Зробити закладку в тому місці документа, куди Ви посилатиметеся, і дати цій закладці ім'я. Для цього в потрібному Вам місці вставте контейнер <a></a> і його парметру name привласніть строкове значення:
<а name="z1"></a>
Між тегами <a> і </a> текстом можна не писати, оскільки Вам потрібно всього лише помітити місце в документі, куди веде заслання.
Ну і власне зробити заслання, яке посилатиметься на цю закладку. Для цього Ви робите звичайне заслання, лише замість адреси документа пишете знак # і ім'я закладки:
<а href="#z1">Ссылка на закладку</a>
Ось приклад використання внутрішніх заслань:
<ol> <li><a href="#chapter1">Раздел 1</a></li> <li><a href="#chapter2">Раздел 2</a></li> </ol>
<а name="chapter1"></a> <h3>Раздел 1</h3> <p>В місті Стокгольмі, на найзвичайнішій вулиці, в найзвичайнішому будинку живе найзвичайніша шведська сім'я по прізвищу Свантесон. Сім'я ця складається з найзвичайнішого папи, найзвичайнішої мами і трьох найзвичайніших хлопців - Боссе, Бетан і Маляти.</p>
<а name="chapter2"></a> <h3>Раздел 2</h3> <p>Хотя Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.</p>
А ще можна робити заслання на закладку в іншому документі. Наприклад, в документі 1.html є закладка з ім'ям qqq. Аби зробити на неї заслання з поточного документа, треба зробити звичайне заслання на документ 1.html і додати до адреси знак # і ім'я закладки qqq:
<а href="1.html#qqq">Ссылка на закладку</a>
Заслання на нове вікно
Всі заслання, задані вище описаними способами, за умовчанням відкриваються в поточному вікні браузеру. Для зміни цієї властивості заслання в тега <a> існує параметр target.
Якщо Ви хочете, аби документ, на який Ви посилаєтеся відкривався в новому вікні браузеру, привласніть параметру target значення _blank:
<а href="1.html" target="_blank">Ссылка</a>
От як виглядатиме і працюватиме таке заслання: Заслання відкриється в новому вікні
Якщо Ви хочете конретно вказати, що заслання повинне відкритися в поточному вікні, привласніть параметру target значення _self:
<а href="1.html" target="_self">Ссылка</a>