Верстка писем

verstka pisem
Верстка писем в email маркетинге.
Верстка писем
VG

Верстка писем в email

Верстка писем в email маркетинге. Но прежде остановимся на основах HTML и CSS. Вначале рассмотрим инструментарий. Который необходим для верстки писем. Работать будем в интернет — браузере Google Chrom. Текстовый редактор, используем Notepad+ +. Валидация кода:https://validator.w3.org, проверяется правильность разметки.

Код проверяем на наличие ошибок в нем. Будем инспектор элементов стандартный использовать . Он встроенный, вызвать можно клавишей F12. В некоторых случаях используется графический редактор. Пользоваться будем Adobe Photoshop CC. В HTML теги могут быть. Как парные, так и не парные теги.

Их обозначение: <тег> атрибут1=»значение» атрибут2=»значение»> <тег> атрибут1=»значение» атрибут2=»значение»> …</тег> В начале указывается треугольная скобка и тег. Это какое — то ключевое слово. Закрываем треугольной скобкой.

Для указания жирности текста используется тег <b> Далее пишем тот текст. Что хотим сделать жирным и тег закрываем. Если говорить про парные теги. То необходимо знать, что если открыли один тег. Внутри другого тега, то он внутри должен и быть закрыт.

Структура HTML кода

Пример: <div>lorem <b>ipsum</b> dolor sit amet</div> Все что находится внутри HTML документа. Обрамлено тегом <html> Он является парным и обрамляет полностью весь документ. Внутри находится два основных раздела. Это <head> и <body> все что находится внутри тега <body> Отображается внутри браузера.

Все что между открывающим и закрывающим тегом <head> В браузере напрямую не отображается. Но то что внутри тега <head> Оказывает сильное влияние на отображение документа. Говоря про обязательные теги. Нужно упомянуть тег <titl> в нем указывается заголовок документа.

Внутри окна браузер, его не видно. Зато увидим заголовок на вкладке или в окне браузера. Пример заголовка страницы: <title>Hello worldt</title> Для тегов важным являются атрибуты. Одним из них, является цвет. Цвет в HTML задается шестнадцатеричным кодом или по названию цветов.

И состоит из 6 символов. Каждые два отвечают за яркостную составляющую. Того или иного компонента. Первые 2 красный цвет. Вторые 2 зеленый и последние синий цвет. Если они все равны ccc, то получим серый цвет. Когда цвет с максимальной яркостью fff, то цвет будет белый.

При черном цвете, это 000. Если указываем цвет в данной форме записи. То перед шестнадцатеричным кодом ставим знак #. Размер можно указать в пикселях. При этом единица измерения(px) не ставится. Или можно указать в %, тогда единицу измерения ставят. Процент высчитывается относительно родительского элемента.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *