Методический материал
Памятка «Основные теги форматирования в HTML»
| Заголовки | i>Текстi> | align
|
Текст
| i — цифра от 1 до 6 описывают заголовки шести уровней. Заголовок 1 уровня — самый крупный, 6 уровня — самый мелкий. |
| Горизонтальная линия |
| size noshade align width color | <HR size="значение" noshade align=”выравнивание” width=”значение” color=”#цвет”>
| Толщина линии (пикс.) Плоские линии Сдвиг линии Ширина линии (пикс. или %) Цвет линии |
| Выравнивание по центру |
|
|
| Тег используется для выравнивания таблицы по центру |
| Форматирование шрифта |
| Курсив | текст, выделяемый курсивом | | | Выделяет текст, помещенный внутри тега, курсивом |
| Жирный | текст, выделяемый жирным шрифтом | | | Выделяет текст, помещенный внутри тега, жирным шрифтом |
| Подчеркивание | подчеркнутый текст | | | Подчеркивает текст, размещенный внутри тега. |
| Зачеркивание |
| | | Зачеркивает текст, размещенный внутри тега |
| Подстрочный текст | Текст | | | Оформляет текст, расположенный внутри тега, нижним индексом |
| Надстрочный текст | Текст | | | Оформляет текст, расположенный внутри тега, верхним индексом |
| Шрифт | Текст | size color fase | "размер" color="цвет" face=”тип шрифта>Текст | Размер шрифта в пунктах (1-7) Цвет шрифта Тип шрифта, гарнитура (Arial TimesET) |
Цвет текста во всем документе
Фоновый рисунок
= “адрес рисунка”>
Адрес в виде полного адреса Интернета либо просто путь до файла. Имеет приоритет.
Фоновый цвет
цвет”>
Страница будет целиком заполнена равномерной заливкой указанного цвета.
Цвет ссылки
цвет”>
Цвет посещенной ссылки
цвет”>
vlink= “blue”>
Цвет активной ссылки
цвет”>
Цвет активной т.е. нажатой ссылки
Вставка изображения
Вставка изображения
[pic] адрес рисунка”>
align
[pic] адрес рисунка” align=”middle”>
Выравнивание текста около изображения задается значением атрибута align:
top – картинка вверху
bottom –картинка внизу
middle –картинка посередине
left
right
alt
border
[pic] адрес рисунка” alt=”Пирамиды” border=0>
Краткое описание картинки, появляется при наведении указателя мыши на картинку.
Рамка вокруг картинки. По умолчанию рамка присутствует, чтобы ее убрать: border=0
width
height
[pic] адрес рисунка” width=”150” height=”100”>
Ширина картинки в пикселях. Высота картинки в пикселях.
vspaсe
hspaсe
<IMG src=”адрес рисунка”
vspace =”30” hspace=”30”>
Расстояние между текстом и рисунком по вертикали в пикселях.
Расстояние между текстом и рисунком по горизонтали в пикселях.
Гиперссылка
[link]
Главная
target
Создание ссылки на страницу index.html
Материал подготовлен педагогом дополнительного образования:
Грудниной Е.Л., МАУ ДО «ДДЮТ» МО г.Братска.
2
