- Учителю
- «Основные теги форматирования в HTML»
«Основные теги форматирования в HTML»
Методический материал
Памятка «Основные теги форматирования в 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">
Цвет активной ссылки
цвет">
Цвет активной т.е. нажатой ссылки
Вставка изображения
Вставка изображения
адрес рисунка">
align
адрес рисунка"
align="middle">
Выравнивание текста около изображения задается значением атрибута align:
top - картинка вверху
bottom -картинка внизу
middle -картинка посередине
left
right
alt
border
адрес рисунка"
alt="Пирамиды" border=0>
Краткое описание картинки, появляется при наведении указателя мыши на картинку.
Рамка вокруг картинки. По умолчанию рамка присутствует, чтобы ее убрать: border=0
width
height
адрес рисунка"
width="150" height="100">
Ширина картинки в пикселях. Высота картинки в пикселях.
vspaсe
hspaсe
<IMG src="адрес рисунка"
vspace ="30" hspace="30">
Расстояние между текстом и рисунком по вертикали в пикселях.
Расстояние между текстом и рисунком по горизонтали в пикселях.
Гиперссылка
</</b>
Главная
target
Создание ссылки на страницу index.html
Материал подготовлен педагогом дополнительного образования:
Грудниной Е.Л., МАУ ДО «ДДЮТ» МО г.Братска.
2