Мои самые часто применяемые теги.

Опубликовано Ksenia-Polo - пн, 12/03/2018 - 18:50

HTML

<br> устанавливает перевод строки, не добавляет пустой отступ перед строкой.

<p align="left">Выравниваем абзац по левому краю.</p>
<p align="right">Выравниваем абзац по правому краю.</p>
<p align="center">Выравниваем абзац по центру.</p>
<p style="text-align-last: justify;">Выравниваем абзац по ширине.</p>

Неразрывные пробелы в HTML «Привет&nbsp;мир!»

Отступ всего абзаца <p style="margin-left: 40px">Это текст с отступом.</p>

Красная строка <p style="text-indent: 10%;"></p>

или в CSS: <style>p {text-indent: 10%; /* Задаем красную строку — отступ в абзаце */}</style>

Таблица

<table>

<tr>

<th>...</th>

<td>...</td>

</tr>

</table>

<table> служит контейнером для элементов таблицы, внутри  него допустимо использовать: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

<tr> служит контейнером для создания строки таблицы, располагается внутри тега <table>

<td> для создания одной ячейки таблицы, должен размещаться внутри контейнера <tr>

<th> предназначен для создания одной заголовочной ячейки таблицы, должен размещаться внутри контейнера <tr>, текст в такой ячейке отображается браузером жирным шрифтом и выравнивается по центру

Тег strong - тег логической разметки подчеркивает важность помеченного текста, логическую разметку допускается использовать по формуле: «1 выделение на 1000 символов

тег b является тегом физической разметки отвечает только за полужирное выделение.

 

CSS

margin: [значение | проценты | auto] {1,4} | inherit

1 Отступы  от каждого края элемента.

2 Первое  - от верхнего и нижнего краев, второе — от левого и правого.

3 Первое - от верхнего края, второе —  от левого и правого края,  третье — от нижнего края.

4 Поочередно от верхнего, правого, нижнего и левого края.