- •Уроки 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 Додавання стилів
- •Внутрішні стилі
- •Глобальні стилі
- •Зв'язані стилі
- •Поєднання різний видів стилів
Колір фону
Колір фону сторінки визначається параметром bgcolor. Він приймає значеннями або назву кольору, або шістнадцятиричне значення кольору, як і параметр text.
<body bgcolor="#FF0000"> або <body bgcolor="red">
В результаті використання цього прикладу фон сторінки буде червоним.
Параметр bgcolor не є обов'язковим. Якщо його опустити, то фон сторінки за умовчанням буде білим. У чому Ви теж вже переконалися, виконуючи попередні вправи. :)
Фонове зображення
За допомогою параметра background можна зробити, аби в сторіночки був не однотонний фон, а фоном було б зображення. Для цього параметру background треба привласнити дорогу до зображення, яке Ви хочете зробити фоновим, так само як параметру src тега <img> (Див. Урок 5. Зображення):
<body background="img/fon.png">
В такий спосіб можна, наприклад, замостити фон сторіночки яким-небудь узором. Але не варто зловживати цією можливістю і робити фоном великі зображення, аби дуже не обважнювати сторінку.
Наприклад, ну нас є ось такий фрагмент узору:
Якщо ми зробимо його фоновим зображенням, вийде сторіночка з таким фоном:
Параметр background також не є обов'язковим. Якщо його опустити, то фон сторінки за умовчанням буде білим.
Колір заслань
Для завдання кольору заслань існують 3 параметри тега body:
link - колір заслання в первинному стані;
alink - колір активного заслання (active link), тобто у момент натиснення;
Vlink - колір відвіданого заслання (visited link).
Цим параметрам привласнюється назва кольору або його шістнадцятиричне значення аналогічно іншим параметрам, що відповідають за колір чого-небудь.
Наприклад, хай заслання будуть червоні, активні заслання - сині, відвідані заслання - зелені:
<body link="#FF0000" alink="#0000FF" vlink="#00FF00">
От як це виглядатиме на сторінці (аби побачити всі стани заслання, запам'ятаєте, якою вона була спочатку, натискуйте і, не відпускаючи, поглянете, якою вона стала, і, нарешті, відпустите, поверніться на цю сторінку, і поглянете, якого вона кольори):
Заслання
Ці параметри не обов'язкові. Якщо їх опустити, то кольори заслань набудуть значень за умовчанням (синій, червоний, фіолетовий відповідно).
Відступи довкола контента
Якщо Ви хочете, аби вміст сторінки відступав від країв вікна браузеру на деяку величину, на цей випадок в тега body є 4 параметри:
leftmargin - відступ від лівого краю;
rightmargin - відступ від правого краю;
topmargin - відступ від верхнього краю;
bottommargin - відступ від нижнього краю.
Ці параметри набувають значення в пікселах. Вони не обов'язкові, і можна использавать як все відразу так і поотдельности. Наприклад, можна зробити відступи лише зліва і справа, або лише зверху і знизу і т.д.:
<body leftmargin="30" rightmargin="30"> або <Body topmargin="30" bottommargin="30">
Вправа
Cоздайте на свій смак html-документ, властивості якого задайте за допомогою параметрів тега body.
Викладете документ, що вийшов, в особистий каталог, складіть линк (поглянути як) і відкрийте Вашу сторіночку в браузері.
7. Заслання
Як зробити текст засланням
Як зробити зображення засланням
Колір заслань
Заслання усередині сторінки
Заслання на нове вікно
Заслання у фреймах
Заслання на адресу електронної пошти
Вправа