- •Уроки 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 Додавання стилів
- •Внутрішні стилі
- •Глобальні стилі
- •Зв'язані стилі
- •Поєднання різний видів стилів
Заслання у фреймах
А тепер передбачимо, що Ви використовуєте на своїй сторіночці фрейми. Тоді за умовчанням всі заслання відкриватимуться в поточному фреймі.
Привласнивши параметру target значення _parent, Ви вкажете браузеру відкривати заслання у фреймі-батьку:
<а href="1.html" target="_parent">Ссылка</a>
Привласнивши параметру target значення _top, Ви вкажете браузеру відмінити всі фрейми і відкрити заслання в повному вікні браузеру:
<а href="1.html" target="_top">Ссылка</a>
А якщо Ви хочете, аби заслання відкривалося в якомусь конкретному фреймі, привласніть параметру target ім'я потрібного фрейма:
<а href="1.html" target="myframe2">Ссылка</a>
Заслання на адресу електронної пошти
Заслання на адресу електронної пошти робиться як і звичайне заслання, лише замість адреси документа пишеться mailto:адрес електронної пошти:
<а href="mailto:anna@mail.ru">Пишите письма</a>
От як виглядатиме працювати таке заслання: Пишіть листи
При натисненні на таке заслання запуститься поштова програма, встановлена за умовчанням, і відкриється вікно створення нового листа. У полі Кому вже стоятиме адреса, на яку веде заслання.
Якщо ж Ви до адреси элетронной пошти приєднаєте ?subject=какая-то тема повідомлення, то при натисненні на це заслання у вікні нового повідомлення в полі Тема стоятиме значення параметра subject:
<а href="mailto:anna@mail.ru?subject=вопрос з сайта">Пишите письма</a>
Звернете увагу, що значення параметра subject не полягає в лапки. У лапки полягає цілком адреса заслання.
Вправа
Cоздайте 2 html-документа. Вставте в перший документ який-небудь текст, розбийте його на розділи. Створіть на початку сторінки вміст із засланнями на відповідні розділи. В кінці документа вставте заслання на другий документ, яке буде открыватся в поточному вікні, і заслання на сайт Пілотів, яка відкриватиметься в новому вікні. У другому документі зробіть заслання на свою електронну адресу з темою Вправа до уроку 7.
Викладете документи, що вийшли, в особистий каталог, складіть линк (поглянути як) і відкрийте Вашу сторіночку в браузері.
8. Форми.
Створення форм
Текстове поля
Кнопки
Прапорці (checkbox)
Перемикачі (radiobutton)
Поле із списком
Кнопка із зображенням
Приклад комбінованої форми
Вправа
Створення форм
У мові HTML форми застосовуються для відправки даних із сторіночки на обробку в яку-небудь програму, встановлену на сервері. Всім відомий приклад форми можна бачити тут http://www.colorpilot.ru/support.html. Пользователь заповнює форму і натискує кнопку Send (відправити), дані обрабатываеются спеціальною програмою (скриптом) на сервері, і ми отримуємо на адресу техподдержки питання користувачів :-)
Створення форм починається з елементу
<form>
</form>
В елементу форми form існують два обов'язкові атрибути metod і action.
? metod - атрибут визначає спосіб, за допомогою якого здійснюватиметься зв'язок між формою і Web сервером. Атрибут може набувати значення "get" і "post".
? action - значенням атрибуту action є конкретна адреса скрипта, оброблювального дані. Атрибути записуються в тег <form>, наприклад так:
<form method= "get" action= "http://www.myserver.com/cgi-bin/mailscript">
У даному уроці розглядається лише створення елементів форм, їх види. Для того, щоб форма запрацювала, її необхідно запрограмувати. Само програмування не входить в рамки даного уроку.