Використання ліній для поліпшення дизайну сайту

Створення ліній html

Для оформлення дизайну сайту з метою збільшення числа відвідувачів і збільшення вашого заробітку в інтернеті існує ряд додаткових атрибутів, з якими ми і познайомимося в цьому розділі.

На початку познайомимося з лініями html.
Для оформлення сторінок html лінії можна зробити горизонтальними і вертикальними.
Горизонтальні розділові лінії задаються тегом


і не вимагає закриває тега. Для ліній html. Ви також побачите інші атрибути, які прописуються в тезі
:

width - задає довжину лінії. Може бути як в пікселях, так і у відсотках;
size - задає товщину лінії. Найкраще ставити в пікселях. За замовчуванням лінія має товщину 2 пікселя;
align - атрибут для вирівнювання лінії по горизонталі. Може мати значення center, right, left:

- center - вирівнювання по центру документа;
- right - вирівнювання по правому краю документа;
- left - вирівнювання по лівому краю документа.

noshade - атрибут для формування суцільною темною лінії;
Сolor - задає колір лінії. Працює тільки в Internet Explorer.

Тепер подивимося, як це виглядає в коді html:


Вставимо даний код в нашу html сторінку.

Далі поговоримо про вертикальних лініях html. Прописати таку лінію можна кількома способами, за допомогою таблиць і за допомогою стилів.
Розберемо створення вертикальних ліній за допомогою таблиць. Код html буде виглядати наступним чином:

Параметри cellpadding і border повинні бути рівні нулю, cellspacing визначає відстань від тексту до лінії, width ширина лінії.

Створити вертикальну лінію можна також за допомогою стилів. Код html матиме такий вигляд:

Він прописується в тезі ....
Приклад розташування стилів в коді html:

Я сподіваюся, що цей матеріал Вам буде корисний і стане в нагоді для оформлення Вашого майбутнього сайту. На наступній сторінці поговоримо ще про один додатковому атрибуті видалення полів по краях документа.

Поділитися в соц. мережах

Схожі статті