Можно обойтись без сложностей, для шапки задать свой стиль, для тела таблицы – свой, подвал тоже выделить.
Важные атрибуты таблиц:
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.
style = " " – атрибут для прописывания стилей прямо в теге.
hidden = "hidden " – атрибут скрывает элемент от пользователей, но тот при этом остается на странице. Не очень часто используется.
spellcheck = "true | false " – указывает браузеру пользователя на необходимость проверки грамматики.
Изображения
– тег добавления изображений.
alt = " " – описание изображения.
title = " " – заголовок картинки, выводящийся при наведении на нее.
width = " " – ширина изображения, лучше задавать в процентах.
height = " " – высота изображения, лучше задавать в процентах.
hspace = " " – отступ от картинки по вертикали.
vspace = " " – отступ от картинки по горизонтали.
lowsrc = " " – адрес изображения низкого качества, для мобильной версии.
longdesc ="url" – путь к длинному описанию изображения. Обычно используется на фотостоках.
usermap = "#название навигации" – тег отвечает за формирования карты изображения. В некотором смысле так работают google maps, сайты погоды и некоторые другие проекты.
Пример:
Чего только не встретишь в рамках
HTML
! Автор не призывает использовать все перечисленные теги. Но если они вам понадобятся, вы сможете вспомнить об их существовании.
Ссылки
text – так задается простая гиперссылка в тексте. Она может быть абсолютной https://site.ru/url или относительной /url.
title = " " – заголовок ссылки при наведении на нее.
alt = "текст" – описание ссылки, полезно для продвижения, но не обязательно.