- •Уроки 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> і </a> і вказати, куди веде це заслання, тобто адреса документа, де ми виявимося після натиснення на заслання. Для цього потрібно параметру href тега а привласнити адресу документа. Адреса документа, на який ми посилаємося, називається адреса заслання.
Ось, наприклад:
<а href="http://www.mysite.com/about/1.html">Текст ссылки</a>
Така строчка означає, що при натисненні на фразу Текст заслання ми перейдемо на сторіночку 1.html, яка лежить в каталозі about сайту http://www.mysite.com.
http://www.mysite.com/ about/ 1.html
Адреса заслання може бути абсолютною або відносною. У наведеному вище прикладі ми використовували абсолютну адресу, тобто повна дорога до документа 1.html. Відносна адреса - дорога до документа, складена відносно поточного документа. Наведемо приклади використання відносних адрес.
Приклад 1:
<а href="1.html">Пример 1</a>
Така строчка означає, що при натисненні на фразу Приклад 1 ми перейдемо на сторіночку 1.html, яка лежить в тому ж каталозі, що і поточний документ.
поточний каталог/ поточний документ 1.html
Приклад 2:
<а href="about/1.html">Пример 2</a> або <а href="/about/1.html">Пример 2</a>
Обоє ці строчки означають, що в каталозі, де лежить поточний документ, є підкаталог about, в якому лежить сторіночка 1.html, на яку ми перейдемо при натисненні на фразу Приклад 2.
поточний каталог/ about/ 1.html поточний документ
Приклад 3:
<а href="../1.html">Пример 3</a>
Ця строчка означає, що з каталога, де лежить поточний документ, потрібно піднятися на один рівень вище, і в каталозі, де ми виявилися, лежить сторіночка 1.html, на яку ми перейдемо при натисненні на фразу Приклад 3.
каталог на 1 рівень вище текущего/ поточний каталог/ поточний документ 1.html
Приклад 4:
<а href="../about/1.html">Пример 4</a>
Ця строчка означає, що з каталога, де лежить поточний документ, потрібно піднятися на один рівень вище, і в каталозі, де ми виявилися, є підкаталог about, в якому лежить сторіночка 1.html, на яку ми перейдемо при натисненні на фразу Приклад 4.
каталог на 1 рівень вище текущего/ поточний каталог/ поточний документ about/ 1.html
Приклад 5:
<а href="about/">Пример 5</a>
A якщо в адресі заслання після теки не вказати ім'я документа, то таке заслання називатиметься неповною. Вона дає команду браузеру при натисненні на фразу Приклад 5 відкрити файл index.html, лежачий в каталозі about.
поточний каталог/ about/ index.html поточний документ
Якщо файл index.html відсутній, браузер відображуватиме список файлів теки about, якщо в налаштуваннях Вашого сервера є дозвіл. Інакше браузер поступить так само, як якби Ви зробили заслання на будь-який інший неіснуючий документ, тобто покаже повідомлення "Неможливо відображувати сторінку".
Комбінуючи ці приклади, Ви зможете створювати сайти із структурою різної міри розгалуженості.
В цілях безпеки переважно вказувати відносні адреси заслань, окрім тих випадків, коли Ви на своїй сторіночці посилаєтеся на документи, розташовані на інших сайтах.