
- •Структура html- сторінки
- •Тіло документа — елемент body.
- •3 .Оформлеення тексту за допомогою html
- •4 Масиві, вбудовані в рнр
- •5 Посилання в html Елемент а
- •6 Поля та відступи в css
- •7 Створення списків за допомогою html
- •Список визначень
- •Нумерований список
- •Ненумерований список
- •8 Шрифти та їх властивості css
- •9 Використання зображень на Web-сторінках
- •10 Селектори css
- •11 Логічні виділення в тексту за допомогою html
- •12 Задання кольору і фону Web – сторінках за допомогою css
- •13 Створення таблиць за допомогою html
- •14 Основні оператори php та дії над змінними
- •Прості логічні операції
- •15 Текстові поля та мітки в html
- •Текстове поле (Text)
- •Кнопка очищення (Reset)
- •16 Цикли в php
- •17 Типи input та їх властивості в html
- •18 Функції для роботи з файлами в php
- •19 Інтерактивність в html
- •Елемент form
- •20 Вкладення файлів в документ за допомогою php
- •21 Використання звуків на html сторінках
- •22 Одиниці виміру css
- •23 Типи графічних об’єктів що використовується у html та їх властивості
- •24 Задання шрифтів в сss та їх властивостей
- •25 Поняття протоколу http та ftp протоколи
- •26 Використання інтервалів в css
- •27 Основи html
- •Як працює Web
- •28 Додавання даних в таблиці субд МуSql за допомогою php Додавання даних
- •29 Текстові поля, кнопки та мітки в html
- •Кнопка очищення (Reset)
- •30 Основні поняття php
5 Посилання в html Елемент а
Елемент А служить для позначення в HTML-коді посилального елементу. Той елемент Web-сторінки, який потрапляє всередину елементу А, буде посиланням. Якщо це фрагмент тексту, то він буде виділений підкресленням і тим кольором, який заданий в атрибуті link елементу BODY. Для того, щоб вказати документ, на який повинен здійснюватися перехід по посиланню, потрібно додати атрибут href і як його значення вказати URL потрібного документа, наприклад href="page.html". Тоді після клацання на засланні відкриється вказаний документ — page. html.
За умовчанням Посилання завантажуються в те ж вікно. Якщо хочете змінити цей порядок, то в елементі А необхідно задати атрибут target="_blank", тоді посилання завантажиться в нове вікно.
Таблиця атрибутів елементу А
Атрибут |
Опис |
Значення |
Приклад |
name
|
Служить для установки прив'язки, Посилання на прив'язку повинне включати ім'я мітки |
ім'я мітки |
name="metka"
|
href
|
Задає URL ресурсу, на який треба переходити після клацання на засланні |
URL |
href="document.html#metka" |
title
|
Містить опис гіперпосилання текст виводитиметься в якості підказки, якщо підвести курсор миші до посилання |
текст |
title="слідуюча сторінка"
|
target
|
Задає цільовий фрейм або вікно. Можливі значення: _blank —завантажується в нове вікно. _self — завантажується в той же фрейм. _parent — документ завантажується в безпосередній батьківський фрейм, еквівалентно, якщо поточний фрейм не має батьківського фрейму. _top — завантажується документ в повне вікно (закриваючи всі останні фрейми). Це значення еквівалентне _self, якщо в поточного фрейму немає батьківського фрейму |
_blank _self _parent _top |
target="_blank"
|
6 Поля та відступи в css
Поля -це спеціальні області, що дозволяють задати деяке вільне, нічим не зайнятий простір довкола кордону блоку. Регулюючи величину полів, можна управляти відстанню між блоками, наприклад зменшити або збільшити абзацний відступ між абзацами.
Властивості margin-top, margin-right, margin-bottom, margin-left
Ці властивості визначають величину полів довкола блоку:
margin-top — задає ширину верхнього поля;
margin-right — задає ширину правого поля;
margin-bottom — задає ширину нижнього поля;
margin-left — задає ширину лівого поля.
Значення можуть задаватися в будь-яких одиницях довжини, а також у відсотках. Процентне співвідношення в цьому випадку обчислюється відносно контейнера, що створив цей блок. Контейнером для будь-якого блоку служить батьківський елемент.
Властивість margin
Це стенографічна властивість використовується для короткого запису значень властивостей margin-top, margin-right, margin-bottom і margin-left. Властивість margin може мати одне, два, три або чотири значення.
Межі
Кордони блоків, так само як відступи і поля, діляться на чотири сегменти: верхній, правий, нижній і лівий. Кожен окремий сегмент кордону блоку може мати свої характеристики: колір, товщину, типа ліній. Для завдання характеристик можуть використовуватися окремі властивості або стенографічні властивості, що дозволяють записувати правила в коротшій формі.
Дані властивості визначають товщину кордонів блоків для верхнього, правого, нижнього і лівого сегментів відповідно. Значення можна задати за допомогою таких ключових слів:
thin — тонкий кордон;
medium — кордон середньої товщини;
thick — товстий кордон.
Якої товщини буде кордон, залежить від браузеру, але при цьому обов'язкове виконання наступного співвідношення: thin < medium < thick. Ці значення не повинні змінюватися впродовж всього документа. За умовчанням використовується ключове слово medium.
Товщину кордону можна вказати і в довільних одиницях виміру довжини: пик-' селях, пунктах, сантиметрах, міліметрах і так далі Недопустимо завдання величин у відсотках, а також негативних значень
Властивість border-width Ця властивість дозволяє задавати як длч всії сегментів так і для кожного окремого товщину
Властивість border-color
Це властивість задає колір кордону блоку. Якщо потрібно задати різні кольори для чотирьох складових кордонів, то можна користуватися індивідуальними властивостями
Властивість border-style
Це властивість задає типа ліній, якими відображуватимуться кордони блоку.