Содержание
- 2. Язык HTML HTML (Hyper Text Markup Language) - язык разметки гипертекстовых документов. Язык разметки гипертекстовых документов
- 3. Формат HTML–тегов HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список
- 4. Структура HTML-документа
- 5. Пример простейшего HTML-документа Пример HTML-документа Hello!!! Тег указывает программе просмотра страниц что это HTML документ. Тег
- 6. Названия основных цветов и значения RGB Чувствительность к регистру При написании имен тегов, атрибутов и большинства
- 7. Теги форматирования текстовых фрагментов Курсив Жирный шрифт Подчеркнутый текст заголовок 1-го уровня (самый большой) . .
- 8. Встраивание в документ иллюстраций Графические форматы GIF - Graphic Interchange Format. При сохранении изображения в этом
- 9. Использование списков Виды списков – нумерованные и маркированные. и - для маркированного списка Атрибут: type -
- 11. Скачать презентацию
Слайд 2Язык HTML
HTML (Hyper Text Markup Language) - язык разметки гипертекстовых документов.
Язык разметки
Язык HTML
HTML (Hyper Text Markup Language) - язык разметки гипертекстовых документов.
Язык разметки

Назначение HTML-тегов
Форматирование текста;
Форматирование таблиц и списков;
Организация ссылок на другие ресурсы;
Описание фреймов;
Вставка изображений и расширений HTML.
Слайд 3Формат HTML–тегов
HTML-тег записывается в угловых скобках и состоит из имени, за которым
Формат HTML–тегов
HTML-тег записывается в угловых скобках и состоит из имени, за которым

Большинство тегов имеют два компонента: открывающий и закрывающий (парные теги). Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».
Общий вид парного тега: <имя тега>текстимя тега> Пример:
Существуют также непарные теги. Общий вид непарного тега: <имя тега> Пример:
Общий вид тега с атрибутами: <имя тега атрибут 1=значение … атрибут n=значение> текст имя тега> Пример: Проба
Слайд 4Структура HTML-документа
Структура HTML-документа

Слайд 5Пример простейшего HTML-документа
Пример HTML-документа
Hello!!!
Тег указывает программе просмотра страниц что это
Пример простейшего HTML-документа
Hello!!!
Тег указывает программе просмотра страниц что это

Тег определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа.
Тег
Тег
Атрибут bgcolor устанавливает цвет фона документа, используя значение цвета в виде RGB (возможно использование константы цвета, например “yellow”).
Слайд 6Названия основных цветов
и значения RGB
Чувствительность к регистру
При написании имен тегов, атрибутов
Названия основных цветов
и значения RGB
Чувствительность к регистру
При написании имен тегов, атрибутов

Слайд 7Теги форматирования текстовых фрагментов
Курсив
Жирный шрифт
Подчеркнутый текст
заголовок 1-го уровня (самый
Теги форматирования текстовых фрагментов
Курсив
Жирный шрифт
Подчеркнутый текст заголовок 1-го уровня (самый

. . .
заголовок 6-го уровня (самый маленький)
перевод строки (непарный)
для рисования горизонтальной черты в качестве разделителя (непарный)
определяет выводимый шрифт, его цвет и размер (парный)
Атрибуты:
color - цвет текста
face - гарнитуру шрифта
size - размер текста в пределах от 1 до 7, где 1 - самый мелкий шрифт. По умолчанию равен 3
начало нового параграфа (абзаца) (парный)
Атрибут:
align - выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
парные теги
Атрибут:
align - выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
Слайд 8Встраивание в документ иллюстраций
Графические форматы
GIF - Graphic Interchange Format. При
Встраивание в документ иллюстраций
Графические форматы
GIF - Graphic Interchange Format. При

JPEG (JPG) - Joint Photography Experts Group. Этот формат допускает сохранение изображений, содержащих миллионы цветов.
Атрибуты
src - обязательный атрибут, указывающий URL рисунка.
align - выравнивает изображение к одной из сторон документа:
left - по левому краю
right - по правому краю
center - по центру
bottom - по нижнему краю
top - по верхнему краю
middle – посередине.
alt - выводит текст к картинке. Полезно, если браузер не отображает графику на странице
border - устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется.
height - высота картинки в пикселах или процентах. Желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером.
hspace - определяет размер свободного места в пикселах слева и справа от изображения.
vspace - определяет размер свободного места в пикселах сверху и снизу от изображения.
width - ширина картинки в пикселах или процентах. (Желательно устанавливать явно).
Слайд 9Использование списков
Виды списков – нумерованные и маркированные.
и
- для маркированного
Использование списков
Виды списков – нумерованные и маркированные.
- и

Атрибут:
type - тип маркера
disk - закрашенный кружок (по умолчанию)
circle - незакрашенный кружок
square - квадратик
- и
Атрибуты:
type - тип маркера
A - заглавные буквы
a - строчные буквы
I - заглавные римские цифры
i - строчные римские цифры
1 - арабские цифры (по умолчанию)
start - начальное значение для нумерованного списка при использовании арабских цифр
Элемент любого списка может содержать в себе другой список любого вида (число уровней формально не ограничено)
Получение углеродных нанотрубок.
Презентация на тему Золотой век классицизма
Презентация на тему Особенности работы учителя по реализации требований ФГОС
Специальность "Связи с общественностью" в НГУЭиУ
Урок 2.16. Загрузка списка кандидатов в присяжные заседатели
Модель индивидуально-ориентированного обучения педагогов и руководителей в сфере образования: проектные и информационно-коммун
Выразительные средства в театре
Общие сведения о питании и приготовление пищи. Приготовление салата Оливье
История развития сварачного производства
Как сохранить работу
«Электроэнергия и ее сбережение»
ПРИЁМЫ КОМПРЕССИИ ТЕКСТА 9 класс
Дизайн медицинских клинических исследований
Загрязнение озераБайкал
Map of the United kingdom
Чернобыль
ИНТЕГРАЦИЯ
Россия в лирике А.Блока и картинах русских художников конца 19 - начала 20 вв
Комплексный образовательный проект Воссоединение Крыма с Россией
655837 (1)
Памятка для заемщика по потребительскому кредиту Управление Роспотребнадзора по Калининградской области доводит до сведения, чт
Урок-путешествие. Повторение и обобщение изученного в 6 классе
ENGLISH GRAMMAR. Government & Binding
Программирование на языке высокого уровня
Цель:Взаимодействие в профессиональном сообществе музыкантов для создания условий профессионального роста и взаимообмена опыто
Презентация на тему Художники 18 века
Велика Россия. Но нет в ней Александра Блока
Европейская медиагруппа (ЕМГ). Сравнительный анализ