Скачать книгу

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

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

      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 " – указывает браузеру пользователя на необходимость проверки грамматики.

      Изображения

      <img src=" "/> – тег добавления изображений.

      alt = " " – описание изображения.

      title = " " – заголовок картинки, выводящийся при наведении на нее.

      width = " " – ширина изображения, лучше задавать в процентах.

      height = " " – высота изображения, лучше задавать в процентах.

      hspace = " " – отступ от картинки по вертикали.

      vspace = " " – отступ от картинки по горизонтали.

      lowsrc = " " – адрес изображения низкого качества, для мобильной версии.

      longdesc ="url" – путь к длинному описанию изображения. Обычно используется на фотостоках.

      usermap = "#название навигации" – тег отвечает за формирования карты изображения. В некотором смысле так работают google maps, сайты погоды и некоторые другие проекты.

      Пример:

      <map name="Navigation">

      <area shape="poly" coords="113,24,211,24, 233,0,137,0" href="inform.html" alt="Информация"> </map>

      Чего только не встретишь в рамках

      HTML

      ! Автор не призывает использовать все перечисленные теги. Но если они вам понадобятся, вы сможете вспомнить об их существовании.

      Ссылки

      <a href = "url">text</a> – так задается простая гиперссылка в тексте. Она может быть абсолютной https://site.ru/url или относительной /url.

      title = " " – заголовок ссылки при наведении на нее.

      alt = "текст" – описание ссылки, полезно для продвижения, но не обязательно.

      rel = "follow" – индексирует ссылку, вес передается.

      Конец ознакомительного фрагмента.

      Текст предоставлен ООО

Скачать книгу


<p>10</p>

Внимание, большинство атрибутов без проблем заменяются стилями. Автор не призывает использовать атрибуты html. Но иногда это очень удобно!