Республика Беларусь, Могилёв
СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Была в сети 10.04.2024 18:06
Бочкарёва Оксана Михайловна
Учитель информатики
48 лет
386
115 782 
Местоположение
Специализация
Краткий справочный материал по использованию языка гипертекстовой разметки HTML
Категория:
Информатика
14.05.2018 20:49
Просмотр содержимого документа
«Краткий справочный материал по использованию языка гипертекстовой разметки HTML»
Краткая справка по использованию языка HTML
| Действие | Реализация | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Создание нового HTML-документа | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Начало/конец документа | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Служебная область документа | Содержится между тегами HEAD...HEAD | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Заголовок документа, который появляется в строке заголовка окна браузера | Содержится между тегами TITLE…TITLE в служебной области документа. | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Служебная информация (кодировка, автор, ключевые слова и др.) | Атрибуты тега META, находящегося в служебной области документа. | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Основная область документа | Располагается между тегами BODY…BODY | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Разбиение текста на строки и абзацы | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Конец строки | Тег | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Начало/конец абзаца | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Горизонтальная линейка | Тег | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Предварительно отфарматированный текст (например, разбитый на строки или с “лишними” пробелами) | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Создание заголовков | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Заголовки от первого до шестого уровня | Соответственно теги H1…H1, H2…H2, …, H6…H6 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Выравнивание текста | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Выравнивание текста по левому краю, по правому краю, по центру |
или:
| ||||||||||||||||||||||||||||||||||||||||||||||||||
| Форматирование шрифтов | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Полужирный шрифт | Теги B… | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Курсив | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Подчеркнутый шрифт | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Зачеркнутый шрифт | Теги | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Шрифт пишущей машинки | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Нижние индексы | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Верхние индексы | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Размер шрифта | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Размер шрифта по умолчанию | Тег BASEFONT SIZE=(числа от 1 до 7). Если не задано иное значение, по умолчанию используется шрифт размера 3. | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Изменение размера шрифта отдельных фрагментов текста | Тег … Примеры:
Для фрагмента текста между тегами установлен шрифт размера 5.
Для фрагмента текста между тегами установлен шрифт размера на 2 пункта больше, чем размер текущего шрифта. | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Цвет шрифта | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Цвет фона и шрифта для всего документа | Атрибуты BGCOLOR и TEXT тега BODY. Цвет задается шестизначным шестнадцатеричным числом. Пример: Можно употреблять и названия шрифтов. | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Цвет шрифта для фрагмента текста | Атрибут COLOR тега | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Гарнитура шрифта | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Гарнитура шрифта для фрагмента текста | Атрибут FACE тега | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Создание списков | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Нумерованный список | Теги | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Элемент нумерованного списка | Тег | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Маркированный список | Теги | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Элемент маркированного списка | Тег | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Список определений | Теги … | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Термин в списке определений | Тег | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Определение термина в списке определений | Тег | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Вставка и форматирование графических изображений | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Вставка графических изображений | Тег IMG SRC=”URL или относительный адрес файла” | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Выравнивание изображения по левому, правому краям и по центру (текст обтекает рисунок) | Атрибуту ALIGN тега IMG соответственно присвоить значения LEFT, RIGHT, CENTER | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Отмена обтекания рисунка текстом и переход текста на новую строку там, где свободно правое поле, левое поле, оба поля. | Тег BR с атрибутом CLEAR; последнему соответственно присвоить значения RIGHT, LEFT, ALL | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Выравнивание текста относительно изображения: по верхнему краю, по нижнему краю, посередине. | Атрибуту ALIGN тега IMG соответственно присвоить значения TOP, BOTTOM, MIDDLE | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Размер пустых полей над/под изображением и слева/справа от него в пикселах | Атрибуты VSPACE и HSPACE тега IMG | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Задание вертикальных и горизонтальных размеров изображения в пикселах | Атрибуты HEIGHT и WIDTH тега IMG | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Текст вместо изображения (если графика не отображается или браузер не поддерживает графику) | Атрибут ALT тега | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Создание и форматирование таблиц | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Создание таблиц | Теги TABLE../TABLE | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Выделение каждой ячейки и таблицы в целом рамкой; задание ширины рамки в пикселах | Атрибут BORDER тега Имя таблицы Вводится между тегами CAPTION…CAPTION Расположение имени над или под таблицей Атрибуту ALIGN тега CAPTION присвоить значения TOP, BOTTOM Строка таблицы Вводиться между тегами TR…TR Заголовки столбцов Вводиться между тегами TH…TH Данные для каждой ячейки Вводиться между тегами TD…TD Объединение нескольких соседних ячеек по горизонтали или по вертикали Атрибуты COLSPAN или ROWSPAN тега TD или TH Горизонтальное выравнивание соответственно в строках, заголовках столбцов или ячейках по левому краю, по правому краю, посередине Атрибуту ALIGN тегов TR, TH, TD соответственно присвоить значения LEFT, RIGHT, CENTER Вертикальное выравнивание в заголовках столбцов или ячейках по верхнему краю, по нижнему краю, посередине Атрибуту VALIGN тегов TH и TD соответственно присвоить значения TOP, BOTTOM, MIDDLE Цвет таблицы, строк или ячеек Атрибут BGCOLOR соответственно тегов TABLE TR, TD Ширина рамки вокруг каждой ячейки в пикселах Атрибут CELLSPACING тега Ширина таблицы (ячейки) в процентах от ширины экрана (таблицы) или в пикселах Атрибут WIDTH тега TABLE или TD Величина пустых полей между содержимым ячейки и ее рамкой в пикселах Атрибут CELLPADDING тега Цвет всей рамки (рамка выглядит плоской) Атрибут BORDERCOLOR тега TABLE ( в тег TABLE должен быть помещен атрибут BORDER) Создание и форматирование текстовых и графических ссылок Создание ссылок Теги … (“якорь”) Задание файла, на который необходимо сослаться Атрибут HREF тега A A HREF=”ULR или относительный адрес файла” Цвета непросмотренных, просмотренных и просматриваемых в данный момент текстовых ссылок Соответственно атрибуты LINK, VLINK, ALINK тега BODY Задание графического изображения, которое будет являться ссылкой Тег IMG SRC=”URL или относительный адрес файла” между тегами A…A Задание толщены обрамляющей рамки Атрибут BORDER тега IMG Создание и форматирование фреймов Задание фреймов Теги … между тегами и Определение раскладки фреймов в окне браузера и размера каждого фрейма в пикселах или процентах от размера окна Атрибуты COLS (для фреймов, расположенных в ряд) и ROWS (для фреймов, расположенных друг над другом). Пример: Задание исходных файлов для каждого фрейма Теги FRAME SRC=”URL или относительный адрес файла” между тегами FRAMESET…FRAMESET Изменение содержимого одного из фреймов с помощью ссылки в другом фрейме В соответствующем документе создать ссылки следующего вида: A HREF=”URL или относительный адрес файла, содержимое которого должно появиться в указанном далее фрейме” TARGET=”имя файла, содержимое которого должно измениться” текст ссылки A Вставка сообщений для браузеров, не поддерживающих фреймы текст сообщения
Свидетельство об участии
БЕСПЛАТНО!
| ||||||||||||||||||||||||||||||||||||||||||||||||||
