Главная
Скачать (Download)
Dreamweaver CS6
Dreamweaver CS5
Dreamweaver CS4
Dreamweaver 8
Dreamweaver MX 2004
Dreamweaver 4
Уроки (Tutorials)
Видеоуроки new!!!

Fireworks
ЧаВо
Документация
Статьи
Программы и скрипты
Бесплатные шаблоны
Каталог сайтов
Форум
Карта сайта
Контакты



HTML - Обзор
- Основы тегов HTML
- Вставка комментариев
- Панель Reference
- Roundtrip HTML
- Режим кода и инспектор кода
- Вставка скриптов
- Открытие и правка не HTML файлов
- Редактирование HTML тегов в визуальном режиме
- Параметры форматирования HTML кода
- Чистка исходного кода
- Чистка HTML-кода в документов MS Word
- Внешние редакторы

главная > Dreamweaver v. 4 > редактирование кода HTML

Теги раздела <BODY>

Тело вашего документа содержит описание вашей страницы. Весь текст, изображения, таблицы и другое содержимое должны быть помещены между тегами <BODY> и </BODY>. Например:

<html>
<head>
   <title>Purcy the cat</title>
</head>
<body>
<center>
   <h2>
   Welcome to my home page.
   </h2>
   <p>
   I am a two-year-old part Siamese cat who lives in San Francisco with my two owners.
   </p>
   <br>
   <img src="cat.gif" width="400" height="250" align="center">
   <br>
   <p>
   I like to eat all kinds of food, especially cheese.
   </p>
</center>
</body>
</html>

Результат кода

Все теги в разделе <BODY> примера могут использоваться для форматирования содержимого страницы.

Heading tags - теги заголовков (от <H1> до <H6>) выделяют текст как заголовок. Заголовки обычно отображаются на Web-странице увеличенным или полужирным шрифтом, чем обычный текст. При этом тег <H1> выводит самые крупные заголовки, а тег <H6> - самые мелкие. Всегда необходимо размещать открывающий тег перед текстом, а закрывающий тег - в конце текста, как в этом примере:

<h1> Это - заголовок 1 </h1>

Paragraph tags - теги абзаца <P> разделяют текст на абзацы. Поскольку Web-браузеры переносят строки и игнорируют символы переводы каретки, вы должны использовать теги <P>, чтобы избавить браузер от представления всего текста в едином абзаце. Тег <P> добавляет дополнительный интервал между строками. Необходимо вставлять открывающий тег перед содержимым абзаца, а также закрывающий тег в конце абзаца, как в этом примере:

<p>
I am a two-year-old Siamese cat who lives in San Francisco with my two owners.
</p>
<p>
I like to eat all kinds of food, especially cheese.
</p>

Теги разрыва строки (<BR>) организуют перевод текста или других объектов на новую строку без добавления дополнительного интервала. Поскольку тег <BR> вставляет единственный разрыв строки, вы не должны вводить соответствующий ему заключительный тег.


Image tags - теги изображения выводят изображение на вашей страницу и используются в следующем формате: <img src="imagefilename">; вы должны поместить имя файла изображения между кавычками. Теги изображения также имеют такие атрибуты, как ширина, высота, граница, горизонтальное и вертикальное выравнивание. Атрибуты ширины и высоты определяют размер изображения для представления его в Web-браузере; можно установить для ширины границы значение 0 или больше (границу видна по умолчанию, когда изображение используется как ссылка). Атрибуты align и valign предписывают осуществить установленное выравнивание вашего изображения. Атрибут align (для горизонтального выравнивания) позволяет выровнять изображение влево, вправо и по центру, а valign (вертикальное выравнивание) может выровнять вниз, вверх или посередине.

Следующий пример показывает полный тег изображения:

<img src="cat.gif" width="400" height="250" align="center">

Результат выравнивания

<< назад

главная > Dreamweaver v. 4 > редактирование кода HTML

Реклама