Рабочие листы
к вашим урокам
Скачать
1 слайд
Язык разметки гипертекстов HTML
(HyperText Markup Language)
<html> ... </html> Метка <html> должна открывать HTML-документ. Аналогично, метка </html> должна завершать HTML-документ.
<head> ... </head> Эта пара меток указывает на начало и конец заголовка документа.
<title> ... </title> Все, что находится между метками <title> и </title>, толкуется браузером как название документа. MS Internet Explorer, например, показывает название текущего документа в заголовке окна. Рекомендуется название не длиннее 64 символов.
<body> ... </body> Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.
ТЕГИ (тэги) языка HTML
2 слайд
Язык разметки гипертекстов HTML
Тег конца строки.
<р> ... </р> Создание нового абзаца.
Может применяться с параметрами (атрибутами):
ALIGN=LEFT Выравнивание текста в абзаце по левому краю;
ALIGN=CENTER По центру;
ALIGN=RIGHT По правому краю;
ALIGN=JUSTIFY Текст выравнивается по ширине.
ТЕГИ (тэги) языка
3 слайд
Язык разметки гипертекстов HTML
Придание тексту определенного начертания :
ТЕГИ (тэги) языка
<B> Жирный текст </B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<STRIKE> Перечеркнутый </STRIKE>
<SUP> Верхний индекс </SUP>
<SUB> Нижний индекс </SUB>
4 слайд
<font> ... </font> Тег форматирования шрифта.
Применяется только с параметрами (атрибутами):
SIZE=n Задает размер текста (по умолчанию равен 3);
FACE Задает стандартное имя шрифта;
COLOR Задает цвет текста (по умолчанию черный).
Язык разметки гипертекстов HTML
Форматирование шрифта :
ТЕГИ (тэги) языка
5 слайд
6 слайд
<Hn> … </Hn> Тег создания заголовка, где n – число от 1 до 6.
Язык разметки гипертекстов HTML
Создание заголовков :
ТЕГИ (тэги) языка
<H1>Заголовок</H1>
<H2>Заголовок</H2>
<H3>Заголовок</H3>
<H4>Заголовок</H4>
<H5>Заголовок</H5>
<H6>Заголовок</H6>
Например:
7 слайд
<tt> … </tt> Тег фиксированного шрифта
(шрифт с символами одинаковой ширины).
Язык разметки гипертекстов HTML
Фиксированный шрифт :
ТЕГИ (тэги) языка
Много пробелов :
<pre> … </pre> Тег выводит текст с точностью до пробела
(тоже фиксированный ).
8 слайд
Язык разметки гипертекстов HTML
Цвет шрифта во всем документе :
ТЕГИ (тэги) языка
<body text=“ЦВЕТ”> Задание цвета шрифта во всем документе
Это значит, что весь текст страницы будет заданного цвета, кроме текста, для которого мы специально прописали <font></font> (если цвет в <body> не задавать, то по умолчанию он будет черным).
<body bgcolor=“ЦВЕТ”> Задание цвета фона на странице
<body background=“ИМЯ ФАЙЛА С КАРТИНКОЙ”>
Цвет фона в документе :
Картинка в качестве фона :
9 слайд
Язык разметки гипертекстов HTML
Вставка картинки :
ТЕГИ (тэги) языка
<img src= “ИМЯ ФАЙЛА С КАРТИНКОЙ” >
align=“left“ картинка будет прижата к левому краю экрана, а текст будет обтекать ее справа.
Может применяться с параметрами (атрибутами):
align=“right“ картинка будет прижата к правому краю экрана, а текст будет обтекать ее слева.
alt=“ОПИСАНИЕ” краткое описание картинки.
border=“5” рамка вокруг самой картинки (в пикселях).
10 слайд
Таблица задается тэгом:
<table> … </table>
таблица состоит из строк и столбцов:
<tr> … </tr> - строка таблицы
<td> … </td> - столбец (ячейка) таблицы
Язык разметки гипертекстов HTML
ТЕГИ (тэги) языка
Создание таблицы :
11 слайд
Ссылка создается тэгом:
<a href=“ИМЯ ФАЙЛА”> элемент-ссылка </a>
Тэг <a> </a> делает ссылкой заключенную в него картинку или фразу (текст).
<a href="prf.html">мои фотографии</a>
<a href="photos/prf.html">мои фотографии</a>
<a href="http://www.homepage.ru/prf.html">мои фотографии</a>
<a href="prf.html"><img src="photo.gif"></a>
Язык разметки гипертекстов HTML
ТЕГИ (тэги) языка
Ссылки :
Рабочие листы
к вашим урокам
Скачать
6 651 868 материалов в базе
Настоящий материал опубликован пользователем Савельев Василий Михайлович. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
600 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Мини-курс
4 ч.
Мини-курс
6 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.