Download - Основы html . Знакомство с Adobe Dreaweaver
![Page 1: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/1.jpg)
Основы html.Знакомство с Adobe Dreaweaver
![Page 2: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/2.jpg)
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
![Page 3: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/3.jpg)
<название_команды> - начало команды …………………………. - поле действия команды </название_команды> - конец команды
Открывающий тег
Команды языка HTML называются тегами (tag), они указывают, какую операцию необходимо выполнить.
Например: нарисовать линию, создать таблицу, изменить шрифт, выровнять абзац, добавить рисунок и др.
Закрывающий тег
контейнер
![Page 4: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/4.jpg)
Структура html-документа
![Page 5: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/5.jpg)
Теги Описание тегов
<p></p> Создает абзац (параграф)
<br> Обеспечивает принудительный переход на новую строку
<h1></h1><h2></h2>…<h6></h6>
Создает заголовки 1-го, 2-го,…,6-го уровня
Основные теги html. Форматирование текста.
Синтаксис:
<тег параметр1=«знач_параметра1» параметр2=«знач_параметра2»>………</тег>
![Page 6: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/6.jpg)
Атрибуты параметра
STYLE
Описание атрибутов
background Устанавливает фон объекта
border Устанавливает внешнюю границу объекта
color Задает цвет текстаfont Задает стиль шрифтаline-height Регулирует межстрочный
интервалmargin Устанавливает внешние
отступы text-align Задает выравнивание
текстаtext-indent Устанавливает отступ
красной строки
Основные свойства параметра STYLE
http://css.manual.ru/
Синтаксис:<тег style=«атрибут1:знач_атрибута1; атрибут1:знач_атрибута1»>………</тег>
![Page 7: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/7.jpg)
Вставка изображений
Команда вставки рисунка
Ссылка на файл с
рисунком
Высота рисунка (в пикселях)
Ширина рисунка (в пикселях)
Выравнивание рисунка
Альтернативный текст
Всплывающая подсказка для
рисунка
![Page 8: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/8.jpg)
Создание гиперссылок
Команда создания
гиперссылки
Адрес ссылки (на документы, интернет-страницы)
Создание ссылки на сайт ТПУ:
В результате:
![Page 9: Основы html . Знакомство с Adobe Dreaweaver](https://reader033.vdocuments.pub/reader033/viewer/2022051214/56812a73550346895d8df754/html5/thumbnails/9.jpg)
Задание на самостоятельную работу
3. (не обязательно) Создайте и наполните одну страницу на персональном сайте в портале ТПУ:• ознакомьтесь с инструкцией по созданию персонального сайта http://portal.tpu.ru/departments/otdel/orws/portal/personal• наполните главную страницу своего персонального сайта
1. Создайте в Блокноте html-файл следующего содержания и сохраните его под именем ponyatiya.html. Откройте его с помощью браузера.
2. Создайте в Dreamweaver такой же html-файл
4. Подготовьте материал для размещения в ЭУИ