Як ви хочете зробити відступ

МИ У СОЦМЕРЕЖАХ -

Найчастіше для вказівки розмірів відступів в HTML-сторінках використовують можливості мови CSS (Cascading Style Sheets - «Каскадні таблиці стилів»). Хоча і в самій мові HTML є кілька «рудиментарних» залишків, що дозволяють в деяких випадках ставити відступи. Нижче наведені варіанти, які використовуються найбільш часто, але крім них є ще досить багато різного роду хитрощів, які дозволяють задавати відступи при нестандартної розмітці HTML-документів.

Вам знадобиться

Базові знання мов HTML і CSS

Інструкція

Визначте елемент сторінки, від якого слід відраховувати відступ. Наприклад, якщо текст поміщений всередину тега

...

(Блок), то батьківським елементом для цього тексту буде цей блок і відраховувати відступ потрібно від кордонів блоку. А якщо текст (або зображення) не всередині будь-яких блокових (div, li і т.д.) або малих (span, p і т.д.) елементів, то його батьком буде тіло документа (тег body). Визначити батьківський елемент для тексту необхідно тому, що саме йому треба ставити описи стилів, що формують відступи. Будемо вважати, що текст у вас поміщений всередину блоку div:

зразок тексту

Використовуйте властивість margin мови CSS, щоб задати зовнішні відступи, тобто відстань від меж елемента до сусідніх елементів, а також до кордонів батьківського елемента. Цю відстань можна задавати окремо для відступу з кожного боку: margin-top - зверху, margin-right - праворуч, margin-bottom - знизу, margin-left - зліва. Для зразка, наведеного вище такий css-код може виглядати, наприклад, так: div {
margin-top: 10px-
margin-right: 15px-
margin-bottom: 40px-
margin-left: 70px-
} Тут «div» - це селектор, який вказує, що цей стиль треба застосовувати до всіх тегам div в коді документа.Сінтаксіс CSS дозволяє об`єднати всі чотири рядки в одну: div {
margin: 10px 15px 40px 70px-
} Значення відступів завжди треба вказувати саме в такому порядку: спочатку - зверху, потім - праворуч, знизу і слева.Еслі відступи однакові з усіх боків, то досить вказати значення один раз: div {
margin: 70px-
} Крім того, можна задати плаваючий зовнішній відступ по горизонталі (тобто зліва і справа). Це буває дуже корисно, коли треба встановити блок заданої ширини точно по центру вікна браузера. Браузер сам автоматично визначає яким повинен бути відступ з обох сторін, якщо написати таку CSS-інструкцію: div {
margin: 0 auto-
}

Використовуйте властивість padding, щоб задати внутрішні відступи, тобто відстань від меж елемента до будь-яких поміщених усередину нього елементів, включаючи текст. Синтаксис написання у цієї властивості точно такий же, як і у властивості margin: div {
padding-top: 10px-
padding-right: 15px-
padding-bottom: 40px-
padding-left: 70px-
} Іліdiv {
padding: 10px 15px 40px 70px-
}

Використовуйте властивість text-indent, щоб задати додатковий відступ для першого рядка кожного абзацу тексту. Наприклад: div {
text-indent: 80px-
}

Використовуйте атрибути hspace і vspace HTML-тега img, щоб задати, відповідно, горизонтальний і вертикальний відступ від картинки до зовнішніх елементів. Наприклад, так:

Використовуйте атрибут cellpadding тега table, якщо потрібно зробити відступ від кордонів осередків в таблиці до їх вмісту. А атрибут cellspacing задає відступ між осередками таблиці. наприклад:

Увага, тільки СЬОГОДНІ!