Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по теме "Язык гипертекстов HTML"

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

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

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

№ слайда 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 ТЕГИ (тэги) языка Ссылки :

Автор
Дата добавления 07.10.2015
Раздел Информатика
Подраздел Презентации
Просмотров180
Номер материала ДВ-037421
Получить свидетельство о публикации
Похожие материалы

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