При создании нового тега можно либо завернуть в него выделенный фрагмент кода, либо создать "пустой" тег и потом ввести в него нужное содержимое. Новый "пустой" тег будет создан там, где стоит текстовой курсор.
   Проще всего создать тег, нажав на кнопку панели кода. На экране появится небольшое окно так называемого мини-редактора:

   Вводим в него HTML-код нужного тега и нажимаем клавишу <Enter>. Чтобы отказаться от создания нового тега, нужно нажать на клавишу <Esc>.
   Воспользуемся другим способом вставки тегов. Для этого нажмем кнопку Выбор тегов на вкладке Общий панели Вставить. Или выбрать пункт Тег меню Вставка.

   В иерархическом списке тегов, расположенном слева в этом диалоговом окне, мы можем выбрать категорию тегов. В данный момент нам понадобится категория Теги HTML. Нам останется только выбрать тег и нажать кнопку Вставить. Если щелкнуть по кнопке Информация, появится панель с кратким описанием выбранного тега.
   После нажатия кнопки Вставить появится другое диалоговое окно Редактор тегов.

   Пользуясь им, мы можем задать значения различных атрибутов выбранного тега. Закончив правку, нажимаем ОК. Нужно заметить, что после правки любого тега окно Редактор тегов останется на экране, так что мы сможем сразу же создать еще один новый тег. Чтобы закрыть окно надо нажать кнопку Отмена.
   И еще один инструмент для вставки не просто отдельных тегов, а целых фрагментов HTML-кода, это панель Фрагменты кода. Вывести ее на экран можно набором пункта выключателя Фрагменты панели Окно.

   Раскрываем в иерархическом списке, занимающем большую часть панели, нужную ветвь, далее в этой ветви выбираем пункт соответствующий фрагменту кода, который мы хотим вставить, и нажимаем кнопку Вставить в левом нижнем углу панели. В верхней части панели находится панель предварительного просмотра, в которой отображается внешний вид выбранного нами фрагмента.

Правка и удаление тегов

   Для правки тегов Dreamweaver предоставляет уже знакомое нам диалоговое окно Редактор тегов, а также Мини-редактор, и панель Атрибуты.

   Чтобы вызвать ее на экран, достаточно включить пункт-выключатель Инспектор тегов меню Окно.
   И последнее, что мы рассмотрим на этом уроке, это какие настройки Dreamweaver влияют на создаваемый им HTML-код.
   Чтобы задать параметры HTML-кода, воспользуемся уже знакомым нам диалоговым окном Настройки меню Редактировать.

   Флажок Отступ включает или отключает использование отступов. Лучше держать его включенным. Справа от него вводится количество пробелов или символов табуляции. В поле ввода Размер табуляции вводится количество пробелов, которым в режиме отображения кода показывается один символ табуляции. Флажок Автомат.перенос включает или отключает автоматический перенос строк HTML-кода. В поле ввода справа вводится максимальное количество символов, допускаемых в одной строке переноса.
   Раскрывающейся список Тип разбивки строки задает символ, который обозначается конец строки. Это может быть последовательность символов возврата каретки и перевода строки в стиле Windows (пункт CRLF (Windows)), и ряд других пунктов. Изначально выбран первый пункт, и менять его в нашем случае не стоит.
   Раскрывающейся список Регистр тега по умолчанию задает регистр символов, которыми набираются имена тегов. Пункт <UPPERCASE> задает верхний регистр, пункт <lowercase>-нижний.
   Раскрывающейся список Регистр атрибута  позволяет выбрать регистр символов, которыми набираются имена и значения атрибутов тегов HTML.
   Группа флажков Перезапись регистр: включает или отключает принудительное изменение регистра символов, которыми набраны имена тегов и атрибутов, при открытии web-страниц.
   Задав нужные настройки, нажимаем кнопку ОК.
   Следующий урок, на котором будет рассмотрена графика, смотрите ЗДЕСЬ.