Як зробити відступи html
категорія Faq
Відео: 04 :. CSS. Блок, відступи всередині блоку, зовнішні відступи, рамка блоку.
Мова розмітки HTML відповідає за відображення тексту та інший вміст сторінки у вікні браузера. За допомогою стандартних засобів можна змінювати зовнішній вигляд сторінки, додавати відступи і форматувати абзаци.
1
Для створення абзацного відступу можна скористатися включенням в HTML коду CSS, який дозволить зробити більш тонке налаштування. Для цього в тег абзацу
включите параметр text-indent:
текст абзацу
Даний код створює абзац з відступом в 15 пікселів від лівого боку екрану.
2
Відрегулювати відступи можна за допомогою створення таблиць і застосування параметрів cellpadding і cellspacing. Перший атрибут визначає відстань від вмісту до кордонів осередку, а cellspacing допоможе відрегулювати відстань між осередками. Щоб відключити відображення кордонів таблиці, використовуйте параметр border рівний нулю:
вміст комірки |
Даний код дозволить створити таблицю, висотою і шириною 100 пікселів і з відстанню від краю осередку в 5 пікселів. Поекспериментувавши з даними параметрами, можна домогтися оптимального вирівнювання потрібного абзацу.
3
Задати необхідний проміжок між елементами також допоможе дескриптор
, створює блок з певними параметрами. Його можна використовувати для збільшення відступу між абзацами:
4
Для створення відступу можна також використовувати будь-прозоре зображення, бажано формату gif або png. Завантажте зображення в папку з html файлом і введіть наступний код перед потрібним абзацом:
Після виконання даної команди браузер вставить прозоре зображення, яке не буде помітно користувачам і в той же час створить необхідний простір.
Корисна порада
Відео: Відступи і поля (margin і padding) - Як вони працюють?
Відступ між зображеннями можна задати за допомогою атрибутів тега img: vspace і hspace. Перший регулює відстань від зображення по вертикалі, другий - по горизонталі.