«Основные теги форматирования в HTML»

Методический материал

Памятка «Основные теги форматирования в HTML»

Значение	Синтаксис	Атрибуты	Пример	Пояснение
Форматирование текста
Текстовый абзац	<P align=аргумент>текст</P>	justify.	<P align=justify></P>	Текст будет выровнен на экране по ширине.
		center	<P align=center></P>	Текст будет выровнен на экране по центру.
		right	<P align=right></P>	Текст будет выровнен на экране по правому краю.
		left	<P align=left></P>	Текст будет выровнен на экране по левому краю (по умолчанию).
Перевод строки	текст на одной строке <BR> а этот - на другой	clear	<BR clear="значение">	Значение: left, right, all. Указывает смещение строки после переноса: по правому краю, левому или по ширине.
Заголовки	<Hi>Текст</Hi>	align	<H2 align=”center”>Текст</H2>	i — цифра от 1 до 6 описывают заголовки шести уровней. Заголовок 1 уровня — самый крупный, 6 уровня — самый мелкий.
Горизонтальная линия	<HR>	size noshade align width color	<HR size="значение" noshade align=”выравнивание” width=”значение” color=”#цвет”>	Толщина линии (пикс.) Плоские линии Сдвиг линии Ширина линии (пикс. или %) Цвет линии
Выравнивание по центру	<CENTER></CENTER>			Тег используется для выравнивания таблицы по центру
Форматирование шрифта
Курсив	<I>текст, выделяемый курсивом</I>			Выделяет текст, помещенный внутри тега, курсивом
Жирный	<B>текст, выделяемый жирным шрифтом</B>			Выделяет текст, помещенный внутри тега, жирным шрифтом
Подчеркивание	<U>подчеркнутый текст</U>			Подчеркивает текст, размещенный внутри тега.
Зачеркивание	<STRIKE>Зачеркнутый текст</STRIKE>			Зачеркивает текст, размещенный внутри тега
Подстрочный текст	<SUB>Текст</SUB>			Оформляет текст, расположенный внутри тега, нижним индексом
Надстрочный текст	<SUP>Текст</SUP>			Оформляет текст, расположенный внутри тега, верхним индексом
Шрифт	<FONT>Текст</FONT>	size color fase	<FONT size="размер" color="цвет" face=”тип шрифта>Текст </FONT>	Размер шрифта в пунктах (1-7) Цвет шрифта Тип шрифта, гарнитура (Arial TimesET)

Цвет фона, текста, ссылок в документе
Цвет текста	<BODY text= “цвет”>		<BODY text= “#CCOOOO”>		Цвет текста во всем документе
Фоновый рисунок	<BODY background= “адрес рисунка”>				Адрес в виде полного адреса Интернета либо просто путь до файла. Имеет приоритет.
Фоновый цвет	<BODY bgcolor= “#цвет”>		<BODY bgcolor= “red”> <BODY bgcolor= “#FFFFFF”>		Страница будет целиком заполнена равномерной заливкой указанного цвета.
Цвет ссылки	<BODY link= “цвет”>		<BODY link= “red”>
Цвет посещенной ссылки	<BODY vlink= “цвет”>		<BODY vlink= “blue”>
Цвет активной ссылки	<BODY alink= “цвет”>		<BODY alink= “#FFFFFF”>		Цвет активной т.е. нажатой ссылки
Вставка изображения
Вставка изображения	<IMG src=”адрес рисунка”>	align	<IMG src=”адрес рисунка” align=”middle”>	Выравнивание текста около изображения задается значением атрибута align: top – картинка вверху bottom –картинка внизу middle –картинка посередине left right
		alt border	<IMG src=”адрес рисунка” alt=”Пирамиды” border=0>	Краткое описание картинки, появляется при наведении указателя мыши на картинку. Рамка вокруг картинки. По умолчанию рамка присутствует, чтобы ее убрать: border=0
		width height	<IMG src=”адрес рисунка” width=”150” height=”100”>	Ширина картинки в пикселях. Высота картинки в пикселях.
		vspaсe hspaсe	<IMG src=”адрес рисунка” vspace =”30” hspace=”30”>	Расстояние между текстом и рисунком по вертикали в пикселях. Расстояние между текстом и рисунком по горизонтали в пикселях.
Гиперссылка	<A href=”index.html”> Главная</A>	target		Создание ссылки на страницу index.html

Материал подготовлен педагогом дополнительного образования:

Грудниной Е.Л., МАУ ДО «ДДЮТ» МО г.Братска.

Скачать материал

Скачать материал "«Основные теги форматирования в HTML»"

Как учитель может зарабатывать на Инфоуроке?

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 660 507 материалов в базе

Найти материалы

Скачать материал

Другие материалы

docx

Power Point интерфейсі сабақ жоспары

18.11.2016
1968
2

docx

Разработка "Паспорт кабинета информатики"

18.11.2016
471
0

pptx

Презентация по информатике на тему: " Типы персональных компьютеров" 8 класс

18.11.2016
645
3

docx

Деловая игра как метод активного обучения

Рейтинг: 5 из 5

18.11.2016
11637
14

docx

Урок по информатике в 9 классе "Современное программное обеспечение и тенденции его развития"

Рейтинг: 3 из 5

18.11.2016
3311
21

docx

Контрольная работа по информатике 7 класс

Рейтинг: 4 из 5

18.11.2016
18126
113

pptx

Презентация по информатике. Конкурс - игра "Занимательное путишествие" (8 класс)

Учебник: «Информатика (изд. "БИНОМ. Лаборатория знаний")», Угринович Н.Д.
Тема: Глава 1. Информация и информационные процессы

18.11.2016
542
0

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Скачать материал
- 18.11.2016 436
- DOCX 64.5 кбайт
- Оцените материал:
Настоящий материал опубликован пользователем Груднина Елена Леонидовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Автор материала

Груднина Елена Леонидовна
- На сайте: 8 лет и 9 месяцев
- Подписчики: 0
- Всего просмотров: 45573
- Всего материалов: 9