Основы html.Знакомство с Adobe Dreaweaver

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

<название_команды> - начало команды …………………………. - поле действия команды </название_команды> - конец команды

Открывающий тег

Команды языка HTML называются тегами (tag), они указывают, какую операцию необходимо выполнить.

Например: нарисовать линию, создать таблицу, изменить шрифт, выровнять абзац, добавить рисунок и др.

Закрывающий тег

контейнер

Структура html-документа

Теги Описание тегов

<p></p> Создает абзац (параграф)

<br> Обеспечивает принудительный переход на новую строку

<h1></h1><h2></h2>…<h6></h6>

Создает заголовки 1-го, 2-го,…,6-го уровня

Основные теги html. Форматирование текста.

Синтаксис:

<тег параметр1=«знач_параметра1» параметр2=«знач_параметра2»>………</тег>

Атрибуты параметра

STYLE

Описание атрибутов

background Устанавливает фон объекта

border Устанавливает внешнюю границу объекта

color Задает цвет текстаfont Задает стиль шрифтаline-height Регулирует межстрочный

интервалmargin Устанавливает внешние

отступы text-align Задает выравнивание

текстаtext-indent Устанавливает отступ

красной строки

Основные свойства параметра STYLE

http://css.manual.ru/

Синтаксис:<тег style=«атрибут1:знач_атрибута1; атрибут1:знач_атрибута1»>………</тег>

Вставка изображений

Команда вставки рисунка

Ссылка на файл с

рисунком

Высота рисунка (в пикселях)

Ширина рисунка (в пикселях)

Выравнивание рисунка

Альтернативный текст

Всплывающая подсказка для

рисунка

Создание гиперссылок

Команда создания

гиперссылки

Адрес ссылки (на документы, интернет-страницы)

Создание ссылки на сайт ТПУ:

В результате:

Задание на самостоятельную работу

3. (не обязательно) Создайте и наполните одну страницу на персональном сайте в портале ТПУ:• ознакомьтесь с инструкцией по созданию персонального сайта http://portal.tpu.ru/departments/otdel/orws/portal/personal• наполните главную страницу своего персонального сайта

1. Создайте в Блокноте html-файл следующего содержания и сохраните его под именем ponyatiya.html. Откройте его с помощью браузера.

2. Создайте в Dreamweaver такой же html-файл

4. Подготовьте материал для размещения в ЭУИ