Инфоурок / Информатика / Презентации / Презентация по теме "Язык гипертекстов HTML"

Презентация по теме "Язык гипертекстов HTML"

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 29 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов
Язык разметки гипертекстов HTML (HyperText Markup Language)  ...  Метка  долж...
Язык разметки гипертекстов HTML  Тег конца строки.  ...  Создание нового абза...
Язык разметки гипертекстов HTML Придание тексту определенного начертания : ТЕ...
...  Тег форматирования шрифта. 	Применяется только с параметрами (атрибутам...
Наименование цвета	Код aqua	#00FFFF black	#000000 blue	#0000FF fuchsia	#FF00F...
…  Тег создания заголовка, где n – число от 1 до 6. Язык разметки гипертекст...
…  Тег фиксированного шрифта 		(шрифт с символами одинаковой ширины). Язык р...
Язык разметки гипертекстов HTML Цвет шрифта во всем документе : ТЕГИ (тэги) я...
Язык разметки гипертекстов HTML Вставка картинки : ТЕГИ (тэги) языка  align=“...
Таблица задается тэгом:  …  таблица состоит из строк и столбцов:  …  - строка...
Ссылка создается тэгом:  элемент-ссылка  Тэг   делает ссылкой заключенную в н...
11 1

Описание презентации по отдельным слайдам:

№ слайда 1 Язык разметки гипертекстов HTML (HyperText Markup Language)  ...  Метка  долж
Описание слайда:

Язык разметки гипертекстов 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  Тег конца строки.  ...  Создание нового абза
Описание слайда:

Язык разметки гипертекстов HTML <br> Тег конца строки. <р> ... </р> Создание нового абзаца. Может применяться с параметрами (атрибутами): ALIGN=LEFT Выравнивание текста в абзаце по левому краю; ALIGN=CENTER По центру; ALIGN=RIGHT По правому краю; ALIGN=JUSTIFY Текст выравнивается по ширине. ТЕГИ (тэги) языка

№ слайда 3 Язык разметки гипертекстов HTML Придание тексту определенного начертания : ТЕ
Описание слайда:

Язык разметки гипертекстов HTML Придание тексту определенного начертания : ТЕГИ (тэги) языка <B> Жирный текст </B> <I> Курсив </I> <U> Подчеркнутый </U> <STRIKE> Перечеркнутый </STRIKE> <SUP> Верхний индекс </SUP> <SUB> Нижний индекс </SUB>

№ слайда 4 ...  Тег форматирования шрифта. 	Применяется только с параметрами (атрибутам
Описание слайда:

<font> ... </font> Тег форматирования шрифта. Применяется только с параметрами (атрибутами): SIZE=n Задает размер текста (по умолчанию равен 3); FACE Задает стандартное имя шрифта; COLOR Задает цвет текста (по умолчанию черный). Язык разметки гипертекстов HTML Форматирование шрифта : ТЕГИ (тэги) языка

№ слайда 5 Наименование цвета	Код aqua	#00FFFF black	#000000 blue	#0000FF fuchsia	#FF00F
Описание слайда:

Наименование цвета Код aqua #00FFFF black #000000 blue #0000FF fuchsia #FF00FF gray #808080 green #008000 lime #00FF00 maroon #800000 navy #000080 olive #808000 purple #800080 red #FF0000 silver #C0C0C0 teal #008080 white #FFFFFF yellow #FFFF00

№ слайда 6 …  Тег создания заголовка, где n – число от 1 до 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 Цвет шрифта во всем документе : ТЕГИ (тэги) я
Описание слайда:

Язык разметки гипертекстов HTML Цвет шрифта во всем документе : ТЕГИ (тэги) языка <body text=“ЦВЕТ”> Задание цвета шрифта во всем документе Это значит, что весь текст страницы будет заданного цвета, кроме текста, для которого мы специально прописали <font></font> (если цвет в <body> не задавать, то по умолчанию он будет черным). <body bgcolor=“ЦВЕТ”> Задание цвета фона на странице <body background=“ИМЯ ФАЙЛА С КАРТИНКОЙ”> Цвет фона в документе : Картинка в качестве фона :

№ слайда 9 Язык разметки гипертекстов HTML Вставка картинки : ТЕГИ (тэги) языка  align=“
Описание слайда:

Язык разметки гипертекстов 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 ТЕГИ (тэги) языка Ссылки :

Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 29 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Общая информация

Номер материала: ДВ-037421
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 29 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>