Книга для SEO-оптимизатов и тех, кто хочет ими стать. Пошаговое руководство - страница 12

Шрифт
Интервал


Текст
 – для информации об авторе или прописывания адреса.

Текст – для вывода контента, кодов программ, стилей и пр. Выглядит красиво.

Текст – схожий с samp, пишет набираемый на клавиатуре текст моноширинным шрифтом.

Таблицы

Таблицы – довольно сложная и в то же время интересная тема. По сей день встречаются сайты, использующие внутреннюю табличную верстку. Важно понимать основы создания таблиц и уметь их правильно читать, чтобы успешно редактировать и развивать сайт.

 – таблицы. В них также встречаются дополнительные теги для форматирования и структурирования информации.

 – строка в таблице.

 – заглавная ячейка таблицы.

 – столбец или ячейка таблицы.



Сложности в форматировании таблиц:

 – тег для хранения одной или нескольких строк в шапке таблицы. Может быть только один в таблице.

 – тело таблицы, хранит основную информацию из строк и столбцов.

 – тег для хранения одной или нескольких строк внизу таблицы, подвал.

Можно обойтись без сложностей, для шапки задать свой стиль, для тела таблицы – свой, подвал тоже выделить.

Важные атрибуты таблиц:

colspan=" " – объединяет определенное количество ячеек.



rowspan = " " – объединяет несколько строк в одну.



Прочие полезные атрибуты:

cellspacing = " " – внешний отступ ячеек друг от друга в px.

cellpadding = " " – внутренний отступ от содержимого до границ ячеек в px.

border = " " – рамка для таблицы, ее толщина.

width = " " – ширина в px или % таблицы. Рекомендуется %.

height = " " – высота в px или % таблицы. Рекомендуется %.10

Универсальные атрибуты для тегов

Универсальные атрибуты можно задать практически любому тегу и контенту на странице, чтобы повысить его интерактивность.

title = " " – подсказка при наведении на элемент. Используется для определений, пояснений внутри страницы.

dir = " " – направление написания текста, слева направо или справа налево.

contenteditable="true | false" – дает возможность пользователям изменять текст или элемент текста.

align = " center | left |right | justify" – выравнивание текста по центру, левому/правому краю, по всей ширине.

class = " " – атрибут для подключения стилей CSS. Задаем class.

id = " " – атрибут для подключения стилей CSS. Задаем id.