Содержание
- 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 - начальное значение для нумерованного списка при использовании арабских цифр
Элемент любого списка может содержать в себе другой список любого вида (число уровней формально не ограничено)