Вы находитесь на странице: 1из 103

Курс «Контент-менеджмент»

Содержание курса:
 Что такое контент? Чем занимается контент-менеджер? Общее в работе
контент-менеджера, редактора сайта, администратора сайта, интернет-
маркетолога, контент-маркетолога, копирайтера.
 Виды сайтов. Какую CMS выбрать для моего сайта? Как работать с CMS?
 Классификация контента. Основные инструменты для работы с
контентом.
 Текстовый контент. Особенности создания и продвижения.
 Работа с изображениями для сайта. Поиск, подготовка и размещение
изображений.
 Основы интернет-маркетинга. СЕО, СММ.
 Контент-стратегия и контент-план. Скрипты для работы.
 Управление творческими и техническими командами в процессе
реализации контент-стратегии.
 Системы аналитики. Формирование отчётов.
 Защита контента и авторское право.
Работайте с лучшими.

ПОЧЕМУ?
1. Даже самый лучший копирайтер не напишет
эффективный продающий текст для плохого продукта.

2. Первая волна покупателей оставит негативные отзывы


и вам перестанут верить.
УТП. Что значит — «хороший
продукт»?

- Предлагает что-то новое;


- не имеет доступных в своём регионе аналогов;
- полезен для покупателей;
- помогает решать проблему покупателя быстрее или дешевле
аналогичных сервисов;
- дополняйте своими вариантами.
УТП – это важно.

Вокруг него формируется


информационное поле.
Если вас нет в интернете — вас
нет в бизнесе.

ПОЧЕМУ? В ЧЁМ ПОЛЬЗА КОНТЕНТА ДЛЯ БИЗНЕСА?


1. Читатели конвертируются в клиентов. Если не конвертируются в клиентов сами
(«шаровики»), то приводят друзей.
2. На корпоративных сайтах появляются разделы «Статьи», а рассылки больше
похожи на выпуск утренней газеты. При хорошем соотношении
информационных рассылок и рекламы — на вас будут сами подписываться и
покупать.
3. В интернете легко сформировать статус эксперта.
4. Задача контента — быть консультантом.
5. Помочь человеку почувствовать, что он сам делает выбор в вашу пользу,
потому что вы — лучшие на рынке.
6. Контент прокачивает репутацию компании на рынке.
7. Контент — это не реклама. И за неё не нужно платить.
8. Бренды перестали давать просто рекламу, покупать баннеры. Делают
совместные контент-проекты — их можно найти в любом модном издании, в
том числе, в печатных журналах.
10 статей, отвечающих на 10 вопросов,
лучше 5 статей, отвечающих 5 на
вопросов. Но 5 качественных статей
будут эффективнее 10 посредственных.

ПОЧЕМУ?
- Один посетитель поделится в соцсетях;
- прочитает статью и подпишется на рассылку или соцсеть;
- станет клиентом;
- лояльность к бренду;
- контент-влияние (вспомнит про компанию, когда появится
необходимость в услуге);
- создание статуса эксперта (будут приглашать на интервью, вебинары,
конференции, в жюри, брать комментарии);
- когда к вам обращаются за услугой как к эксперту — клиенты не
торгуются.
Контент нужно обновлять.

ПОЧЕМУ?
Минимальными вложениями можно
оказаться в топе поисковой выдачи.
Поисковики отдают предпочтение
регулярно обновляемым ресурсам.
А ЕСТЬ МИНУСЫ?
- Не даёт быстрого результата;
- нужно быть терпеливым и
последовательным.
А ЕСТЬ ПРИМЕРЫ?
Артем Первухин
Продакшн-директор,
KINETICA

«Год назад мы обновили сайт Кинетики, а вместе с ним


запустили и новый корпоративный блог. Опыт работы с
блогом у нас уже был, мы несколько лет вели его на
LiveJournal, но как таковой контент-стратегии там не было.
Понимание необходимости использования
стратегического подхода к блогу и контенту приходило
постепенно, по мере того, как мы прокачивали нашу
экспертизу в продвижении».
Статистика по основным показателям за 1 год
(период II квартал 2015 — I квартал 2016)
2009 год — резкий рост интереса к
ведению корпоративных блогов.

С этого момента меняется


ориентация с сео-ботов на контент
для пользователей.

Грамотных пользователей в
интернете стало больше.
Согласно исследованию образовательной
компании в сфере контент-маркетинга Content
Marketing Institute (CMI):

- 88% B2B-компаний используют контент-маркетинг


для продвижения, потому что его эффективность
была доказана на практике (2015 год).

Content Marketing Institute


С ЧЕГО НАЧАТЬ?
Контент-план
 Проанализировать и выделить УТП компании. То есть ответить на
вопрос, чем компания будет полезна клиентам. Какие её
особенности стоит «продавать».
 Изучить и проанализировать аудиторию.
 Изучить конкурентов и их аудиторию, найти слабые места,
свободные ниши.
 Изучить сайты схожей тематики и блоги конкурентов. Выделить
слабые места и «натаскать» идей.
 Выделить виды контента, которые будут интересны аудитории.
 Определить основные каналы для продвижения контента.
 Свести всю информацию в контент-план.
 Много работать.
КАКИЕ ОБЯЗАННОСТИ МОЖЕТ СОВМЕЩАТЬ КОНТЕНТ-МЕНЕДЖЕР?
- редактор
- корректор
- маркетолог
- аналитик
- копирайтер
- СЕО
- СММ
- верстальщик
- дизайнер
- менеджер
Итак, «управляющему контентом» нужно обладать
следующими навыками:

- грамотность;
- HTML;
- CMS;
- графические редакторы;
- лаконично писать;
- владеть темой;
- уметь пользоваться источниками в интернете.
Треугольник контента:

- сайт;
- соцсети;
- рассылки.
КАКИМИ БЫВАЮТ САЙТЫ В ЗАВИСИМОСТИ ОТ ЗАДАЧ?
Сайты-визитки

gestalt-by.org
pn1.by
Одностраничные сайты
sbs.com.au/imyourman
edu4top.ru/fridman
Многостраничные сайты
kinopoisk.ru
onliner.by
Интернет-магазин
cuberussia.ru
mujjo.com
Веб-сервисы
talaka.org
aviasales.ru
CMS

ЧТО НУЖНО ОБ ЭТОМ ЗНАТЬ КОНТЕНТ-МЕНЕДЖЕРУ?


Content management
system

Система управления контентом:


Это программа, которая помещена на удалённом сервере.
С её помощью мы управляем содержанием сайта: наполняем,
редактируем.
Это конструктор, который позволяет создать веб-ресурс и наполнять его
статьями, фотографиями, видео и другими данными.
А МОЖНО СДЕЛАТЬ САЙТ БЕЗ CMS?
Статичные сайты
создаются без
помощи CMS.
ЧТО ЗНАЧИТ «СТАТИЧНЫЙ САЙТ»?
Немного теории.

 Сайты бывают статическими и динамическими.


 Статический сайт состоит из страниц, написанных на html.
Страницы в готовом виде хранятся на сервере (удалённом
компьютере).
 Динамический сайт не содержит готовых страниц. Сервер
формирует страницу из блоков кода «на лету» в ответ на
запрос. В этом случае на сервере хранится CMS. Она и
формирует страницу из прописанных заранее шаблонов.
 Пользователь не видит никакой разницы между статическим и
динамическим сайтом. Пользователю всё равно. Серверу – нет.
ДЛЯ КАКИХ СЛУЧАЕМ ПОДХОДИТ ДИНАМИЧЕСКИЙ САЙТ, А ДЛЯ
КАКИХ – СТАТИЧЕСКИЙ?
Статический
 Подходит для сайтов-визиток и лэндингов.
 На сайте всего пару страниц.
 Страницы могут выглядеть по-разному.
 Информация не занимает много места на сервере. Сервер нужно только
хранить, ему не нужно обрабатывать много информации.
 Страницы статического сайта «весят» меньше.
Динамический

 Нужно хранить много информации.


 Вместо 1000 страниц на сервере хранится база данных и
шаблон страницы.
 Вся информация хранится в базе данных.
 Серверу нужно больше обрабатывать информацию, но хранить
меньший объём данных.
 Отредактировав один шаблон, мы изменим информацию на
всех 1000 страницах сайта.
 Чем больше функций у CMS (форумы, формы для заполнения,
каталоги), тем больше сервер потребляет ресурсов.
ЧЕМ ОТЛИЧАЮТСЯ CMS?
Динамика установок CMS

 Период: август 2013 — декабрь 2017.


 Рейтинг систем управления сайтами (CMS) itrack.ru существует
с 2009 года, он составлен по информации о реальных
установках на сайтах, признан самым достоверным
большинством разработчиков CMS и проверен компанией
Microsoft.
Результаты за декабрь 2017 г.
Всего было опрошено 5 405 809 доменов зоны RU.
В рейтинге принимают участие следующие CMS:
Платные тиражные CMS: 1С-Битрикс, ABO.CMS, AdVantShop.NET, Amiro.CMS,
Atilekt.CMS, CMS Ruen, CMS Sitebill, cs.cart, diafan.CMS, DJEM, Elstrana CMS Hosting,
Fast-Sales, HostCMS, ImageCMS, InSales, Melbis Shop, NetCat, OsCommerce, Parallels
SiteBuilder, PHPShop, RBC Contents, S.Builder, ShopCMS, Simpla, SiteEdit, StoreLand,
Twilight CMS, UMI.CMS, UralCMS, VamShop, WebAsyst Shop-Script.
Бесплатные CMS: Alto CMS, AVE.cms, concrete5, Danneo, DataLife Engine, Drupal,
InstantCMS, Jimdo, Joomla, LiveStreet, MaxSite CMS, MODX Evolution, MODX Revolution,
Nethouse, NGCMS, okis.ru, OpenCart, PHPShop Free, PrestaShop, Setup.ru, Textpattern,
Tiu.ru, TYPO3, uCoz, uDiscuz!, Wix, WordPress, Zen Cart.
Узкоспециализированные CMS*: AdVantShop.NET, CMS Sitebill, cs.cart, Fast-Sales,
InSales, Melbis Shop, OpenCart, OsCommerce, PHPShop, PHPShop Free, PrestaShop,
ShopCMS, StoreLand, Tiu.ru, VamShop, WebAsyst Shop-Script, Zen Cart.
ПОЧЕМУ РАЗРАБОТЧИКИ СТАРАЮТСЯ ШИФРОВАТЬ
ИНФОРМАЦИЮ О CMS?
Узнать CMS сайта
MODX
Особенности
 Использование Ajax (как в пользовательской, так и административной
части).
 Opensource.
 Встроенный механизм SEO (управление ключевыми словами и мета-
тегами).
 Встроенная поддержка ЧПУ.
 Поддержка документов разных типов.
 Удобное дерево документов.
 Выводимый HTML-код полностью под контролем. Все шаблоны легко
меняются.
 Гибкие стандартные инструменты для создания меню, списков и форм.
 Управление пользователями на сайте с возможностью их группировки.
 Привязка документов к группам пользователей.
История

 Разработчики Рэймонд Ирвинг и Райан Траш начали работу над


проектом MODX CMS в 2004 году.
 23 марта 2010 года — выходит первая версия MODX Revolution,
полностью переписанная CMS.
 В октябре 2012 года запускают сервис MODX Cloud — облачный
хостинг для сайтов на MODX.
 15 июля 2014 года — выходит новая версия MODX Revolution 2.3.
 2015 год — выходит версия MODX Revolution 2.4
 27 апреля 2016 года вышла версия 2.5, в которой значительно
улучшена скорость работы движка, а также внедрены иные
значительные изменения.
Сайты на MODX

 Доктор Вет
 АйКюКонсалт
 Салли
Drupal
Особенности

 стабильность работы;
 безопасность и защита от взломов;
 Быстродействие;
 возможность неограниченного развития;
 точная настройка интерфейса пользователя;
 удобная настройка функций;
 понятный API и простая реализация точных задач;
 обилие обучающих материалов для владельцев сайтов и
разработчика.
Сайты

 film.ru
 Аэродинамическая труба
 Интерфакс
Joomla!
Особенности

 Встроенный редактор текстовых материалов очень похож на


привычный всем Microsoft Word, что существенно упрощает
работу.
 Существует около 10 тысяч дополнений, которые могут
существенно расширить имеющийся функционал сайта.
 Платформа Joomla поддерживает и изменение внешнего вида
сайта. Можно, как выбрать один из существующих шаблонов,
так и создать свой собственный.
 Название «Joomla!» фонетически идентично слову «Jumla»,
которое в переводе с языка суахили означает «все вместе» или
«единое целое».
История

Система управления содержимым Joomla! является ответвлением


широко известной CMS Mambo. Команда независимых
разработчиков отделилась от проекта Mambo по причине
несогласия в экономической политике. 16 сентября 2005 года в
свет вышла первая версия Joomla!, являющаяся по сути
переименованной Mambo 4.5.2.3 и включающая в себя
исправления найденных на тот момент ошибок и уязвимостей.
К лету 2008 года по числу ежедневных скачиваний Joomla! заняла
второе место после WordPress со значительным отрывом от других
подобных систем.
Текущая версия системы — 3.8.3, выпуск которой состоялся 12
декабря 2017 года.
Сайты

 ТинНик
 Duirwaigh
 fudzilla.com
1С-Битрикс
Особенности

 Магазин расширений и готовых сайтов MarketPlace.


 Программные продукты и вся документация русскоязычные, а
также наличие множества партнерских решений для
интеграции Битрикс с другими системами.
 Сложность программных продуктов для пользователей
(самостоятельное администрирование сайтов сложно, а
настройка без помощи специалистов практически
невозможна).
 Закрытый код, поддержка разработчиками.
 Постоянное развитие.
История

Компания «Битрикс» основана в 1998 году группой специалистов


отдела интернет-технологий и финансовых телекоммуникаций АКБ
«Инвестбанк» под руководством Сергея Рыжикова.
В 2007 году компании 1С и Битрикс объявили о создании
совместного предприятия ООО «1С-Битрикс» (доли партнёров
равны и составляют 50 %). Новая компания получила право
распространения продуктов компании Битрикс на территории
Российской Федерации. Финансовые подробности сделки не
разглашаются. При этом условия работы партнеров Битрикс не
изменились. Западное направление (рынок англо- и
немецкоязычных стран) компания Битрикс развивает
самостоятельно, без компании 1С.
Программные продукты
представлены решениями:

 1C-Битрикс: Управление сайтом. Система для создания сайтов


и интернет-магазинов.
 1С-Битрикс: Корпоративный портал. Платформа для создания
мощных корпоративных порталов.
 Мобильные приложения на основе Bitrix Framework (мобильные
версии сайтов и т.д.)
 Различные готовые отраслевые решения.
Примеры

 Госдума РФ
 Эльдорадо
 Евросеть
WordPress
Особенности
 Wordpress устанавливается за несколько минут. Имеется официальный
русский дистрибутив.
 Расширяется с помощью плагинов, для нее разработано большое количество
шаблонов и виджетов.
 Основным редактором wordpress является модель WYSIWYG (от анг. What You
See Is What You Get). При создании и изменении страницы web-мастер сразу
видит конечный результат.
 Меню и страницы меняются автоматически при добавлении новых
материалов.
 Разработчики CMS предоставляют квалифицированную техническую и
информационную поддержку.
 Для wordpress написано более 7 тысяч различных плагинов. Модуль достаточно
закачать на сайт через FTP и активировать при помощи web-интерфейса.
 Для безопасности сайта и снижения нагрузки на сервер для wordpress
написан антивирусный плагин, предусмотрено кэширование данных.
Различные уязвимости устраняются разработчиками достаточно оперативно.
История
12 июня 2001 года Мишель Вальдриги начал разработку движка b2,
впоследствии к проекту присоединились Мэтт Мюлленвег и Майк
Литтл. В январе 2003 года Вальдриги прекратил разработку,
поэтому автором WordPress считается Мэтт Мюлленвег. Права на
товарную марку «WordPress» принадлежат некоммерческому
фонду WordPress Foundation.
В 2003 году компания CNET стала использовать WordPress для своих
проектов. Мюлленвег встретился с вице-президентом компании и
принял предложение о сотрудничестве. В 2005 году он ушёл из
CNET, основал Automattic и посвятил себя разработке проектов на
движке WordPress. По данным лаборатории W3Techs, в 2015 году 25
% всех сайтов работали под управлением WordPress.
WordPress — это
четверть интернета
Примеры
 Sony Music
 Renault
 Mercedes-Benz USA
 Toyota Brazil
 Walt Disney
 The Sun
 Vogue
 BBC America
 Beyonce
 The Rolling Stones
Давайте знакомиться

Заходим по ссылке http://content.96.lt/wp-admin/index.php


в админку под
логином content2016
и паролем content2016
Поговорим о том
 что такое хостинг и домен;
 как установить CMS.
Попробуем:
 выбрать подходящую тему;
 настроить CMS;
 выбрать необходимые плагины, которые решат практические
задачи (какие?);
 установить коды сервисов аналитики
 создавать записи.
Хостинг
 Бывает платным и бесплатным.
 Отличается разрешённой нагрузкой.
 Размещает файлы сайта на сервере, к которому обеспечен
круглосуточный доступ.
 Умеет кэшировать данные.
 Может включать в себя почтовые ящики, организацию баз данных и
другое.
 Делятся по принципу используемой технологии: Unix хостинг и Windows
хостинг (должен поддерживать нужные проекту технологии).
 По принципу размещения: виртуальный хостинг (Shared hosting),
виртуальный выделенный сервер (VPS, VDS), отдельный физический
сервер (Dedicated, Collocation).
 Удалённость от аудитории (сайты на локальном хостинге быстрее).
Выбор доменного имени

 Выбирайте доменное имя, частично или полностью совпадающее с


названием компании или бренда.
 Используйте максимально короткое доменное имя. Сокращение
должно быть логичным и понятным.
 Убедитесь, что выбранный адрес сайта легко запоминается и
имеет смысл (или не имеет «плохого» смысла).
 Желаемое доменное имя может быть занято. Экспериментируйте.
Практика

 Регистрируемся на бесплатном хостинге


hostinger.ru;
 Выбираем доменное имя;
 Устанавливаем CMS WP.
 На сайт WordPress можно скачйть дистрибутив.
Выбираем тему для WordPress

 Шаблон или тема WordPress отвечает за внешний вид и


функциональность ресурса.
 Если вы не планируете отдельно создавать мобильную версию сайта,
обязательно выбирайте шаблон с адаптивной версткой.
 Платные темы. Разработчики обычно регулярно их обновляют и
оказывают информационную поддержку. Платные шаблоны
используются реже.
 Русскоязычная или англоязычная тема? Если есть возможность
покопаться в коде: найдите подходящую англоязычную тему и
русифицируйте ее.
 Шаблоны можно скачивать и устанавливать.
В административной панели выберите меню
«Внешний вид – Темы – Install a theme».
Настроим тему под наши нужды и представления о прекрасном!
На этом этапе вам необходимо уделить внимание настройкам,
которые доступны без установки дополнительных плагинов.
Обратите внимание, настройки шаблонов отличаются.
Войдите в административную панель WordPress и выберите меню
«Настройки». Укажите необходимые данные в каждом разделе
настроек:
 В разделе «Общие» укажите название и краткое описание сайта.
Эта информация будет отображаться для пользователей. В полях
«Адрес WordPress» и «Адрес сайта» укажите URL вашего ресурса.
 В разделе «Написание» выберите необходимые параметры. В
начале работы вам подойдут дефолтные настройки
форматирования, главной рубрики и формата записей.
 В разделе «Чтение» укажите, что должно отображаться на главной
странице сайта. Если вы создаете блог, на главной должны быть
последние записи.
 В разделе «Настройки обсуждения» выберите подходящие
параметры. В большинстве случаев вам подойдут дефолтные
настройки. Уделите внимание полям «Модерация комментариев» и
«Черный список».
 В разделе «Медиафайлы» оставьте настройки по умолчанию.
 В разделе «Постоянные ссылки» выберите структуру ссылок на ваши
материалы.
Настроим название сайта
 Меню «Консоль» - кнопка «Настройте свой сайт» - «Свойства сайта».
 Заполните поля «Название сайта» и «Краткое описание».
 Нажмите кнопку «Опубликовать».
 Перейдите на сайт, обновите, наведите курсор на название сайта в
панели открытых закладок, проверьте отображение.
В разделе «Внешний вид – меню» настройте меню сайта.
Придерживайтесь такого алгоритма действий:
 Назовите меню и нажмите кнопку «Создать меню».
 Добавьте в меню нужные страницы верхнего уровня.
 В настройках страницы выберите текст ссылки, который будет
отображаться в меню.
 В настройках укажите, что CMS должна автоматически добавлять в
меню новые страницы верхнего уровня.
 Выберите области темы, в которых будет отображаться меню.
Если вы используете англоязычный шаблон, ваши читатели видят
служебные записи на английском языке: read more, posted by, one
thought on и т.п. Наверное, даже без знания английского читатели
понимают на уровне интуиции, что такое «read more». Но если вы
пишете для русскоязычной аудитории, лучше предложить ей «читать
далее» или «узнать больше».
 Чтобы русифицировать шаблон самостоятельно, выполните
следующие действия:
 Войдите в меню «Внешний вид – редактор».
 Выберите файл php, который вы будете редактировать.
Например, начните с шаблона страницы 404 и формы для
комментариев.
 Найдите эти элементы в коде файла php. Замените английский
текст русским. Обновите файл.
Плагины. Больше плагинов
 Плагины нужны для решения конкретных практических задач.
 Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить
новый». Введите название расширения в поле поиска в правом верхнем
углу и нажмите «Ввод». Также вы можете скачать плагин с сайта
разработчика и установить его с помощью функции «Загрузить плагин» в
верхней части экрана административной панели.
 Также вы можете войти в меню настройки через разделы управления
«Плагины – Установленные – Tools – Backup».
Чтобы регулярно создавать резервные копии сайта, воспользуйтесь одним из
перечисленных плагинов:
 WP-DB-Backup
 WP Backup Bank
 BackUpWordPress
 UpdraftPlus Backup and Restoration
Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь одним из
плагинов:
 Whitelist IP For Limit Login Attempts
 Jeba Limit Login Attempts
 Limit Login Attempts
 iThemes Security
 Simple Security Firewall
Для создания карты сайта используйте один из следующих плагинов:
 Google XML Sitemaps
 Simple WP Sitemap
 Google Sitemap
Как создать статическую
страницу
 Выберите меню «Страницы – Добавить новую».
 Создайте страницы, которые вам необходимы на сайте.
Создаём новые публикации

 Чтобы добавить запись, выберите меню «Записи – добавить


новую».
 Большинство шаблонов поддерживает несколько форматов
записи.
 Вы можете добавлять к записям метки. Если вы используете
плагин All in One SEO Pack и добавляете к записям ключевые
слова. Метки можно не указывать.
 Выбирайте подходящую рубрику для публикации. Чтобы создать
рубрику, воспользуйтесь соответствующим меню.
Задачка
 Откройте блокнот и напишите текст:
<html>
<head>
<title>Моя первая страничка</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут Лена, это моя первая страничка!
</body>
</html>
 Сохраните этот текст как html документ: «Файл» — «Сохранить как» в строке «Имя
файла» пишем: index.html.
 Откройте файл при помощи браузера.
HTML

 Не является языком программирования. Это язык разметки


гипертекстовых документов. Отвечает за расположение в
документе текстов, рисунков, таблиц.
 В нем нет логических функций.
 Команды называют дескрипторами или тегами.
 Если есть открывающий тег <> то обязательно должен быть и
закрывающий </>.
 Тег <br> закрытия не требует.
 Все документы должны иметь вот такой шаблон кода:
<html>- начало документа
<head>- начало головы
</head>- закрытие головы
<body>- начало тела
</body>- закрытие тела
</html>- конец документа
 HTML позволяет менять вид текста, используя для этого различные
шрифты, цвета и другие способы его форматирования.
Специальные символы HTML
&nbsp; &#160; неразрывный пробел
? &ensp; &#8194; узкий пробел (еn-шириной в букву n)
? &emsp; &#8195; широкий пробел (em-шириной в букву m)
– &ndash; &#8211; узкое тире (en-тире)
— &mdash; &#8212; широкое тире (em -тире)
© &copy;&#169; копирайт
« &laquo; &#171; левая типографская кавычка (кавычка-елочка)
» &raquo; &#187; правая типографская кавычка (кавычка-елочка)
“ &ldquo; &#8220; кавычка-лапка левая
” &rdquo; &#8221; кавычка-лапка правая верхняя
„ &bdquo; &#8222; кавычка-лапка правая нижняя
Выделение в тексте
<b>...</b> Полужирный шрифт.
<i>...</i> Курсив.
<ins>...</ins> Подчеркнутый текст.
<del>...</del> Перечеркнутый текст.
Основные теги форматирования текста
<p>...</p> Абзац.
<h1>...</h1> Заголовок первого уровня.
<h2>...</h2> Заголовок второго уровня.
<h6>...</h6> Заголовок шестого уровня.
<br> Переход на новую строку.
<hr> Горизонтальная разделительная линия.
Списки
<ul>...</ul> обрамление маркированного списка;
<ol>...</ol> обрамление нумерованного списка;
<li>...</li> обрамление каждого элемента списка.
Таблицы
Синтаксис
<table>
<tr>
<td>...</td>
</tr>
</table>
Атрибуты
align - Определяет выравнивание таблицы.
background - Задает фоновый рисунок в таблице.
bgcolor - Цвет фона таблицы.
border - Толщина рамки в пикселах.
bordercolor - Цвет рамки.
cellpadding - Отступ от рамки до содержимого ячейки.
cellspacing - Расстояние между ячейками.
cols - Число колонок в таблице.
frame - Сообщает браузеру, как отображать границы вокруг таблицы.
height - Высота таблицы.
rules - Сообщает браузеру, где отображать границы между ячейками.
summary - Краткое описание таблицы.
width - Ширина таблицы.
<html>
<head>
<title>Тег TABLE</title>
</head>
<body>
<table border="1" width="100%" cellpadding="5">
<tr>
<th>Ячейка 1</th>
<th>Ячейка 2</th>
</tr>
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</table>
</body>
</html>

Вам также может понравиться