Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация. Основы языка разметки гипертекста HTML. Часть 2.
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Презентация. Основы языка разметки гипертекста HTML. Часть 2.

библиотека
материалов
Основы языка гипертекстовой разметки документов HTML (Часть1. Форматирование...
HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерны...
Парный тэг (Контейнер) 	< … > форматируемый  текстовый фрагмент открывающий т...
Структура Web - страницы «Голова» Web- страницы «Тело» Web- страницы   Имя с...
 Файл –> Сохранить как … Простейшая Web - страница Блокнот Браузер Primer1.html
Для того, чтобы задать Цвет необходимо указать его название или 16-ричный ко...
Атрибуты тэга  Фоновоеизображение … Цветфона …  (… ) Цвет текста …  Цветссыл...
 Фон Web - страницы
Оформление заголовка Заголовки:  текст заголовка , 	 N от 6 до 1 Заголовок п...
Горизонтальная линия на Web-странице Тэг  - выпуклая (объёмная) горизонтальн...
Оформление абзаца  текст абзаца  абзац с выравниванием Перед абзацем автомат...
Форматирование шрифта  увеличение обычного размера шрифта на одну единицу  у...
Форматирование шрифта Строка 1 Строка 2  Строка 3 	Строка 4 Строка 5  Раз ст...
Форматирование шрифта  управление фрагментом текста Атрибуты шрифта: Face (г...
14 1

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

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

№ слайда 1 Основы языка гипертекстовой разметки документов HTML (Часть1. Форматирование
Описание слайда:

Основы языка гипертекстовой разметки документов HTML (Часть1. Форматирование текста) Автор: Пилишкина Надежда Васильевна

№ слайда 2 HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерны
Описание слайда:

HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены смысловые связи между его различными фрагментами Гипертекст- Web-страница - Документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера. Эта разметка служит для задания формы представления информации, содержащейся в документе. Браузер – Программа просмотра HTML – документов, отображает их в виде Web –страницы, содержание страницы представляется на экране в том виде , которое задаётся тэгами.

№ слайда 3 Парный тэг (Контейнер) 	&lt; … &gt; форматируемый  текстовый фрагмент открывающий т
Описание слайда:

Парный тэг (Контейнер) < … > форматируемый </… > текстовый фрагмент открывающий тэг закрывающий тэг Параметры форматирования определяются атрибутами тегов: <тэг атрибут=“значение”>форматируемый текстовый фрагмент </тэг> Тэги Одиночный тэг (Команда) < … > Код Web-страницы состоит из особых слов – тегов, заключенных в угловые скобки <>. В обычный текстовый документ вставляются управляющие команды (тэги), определяющие вид Web- страницы при её просмотре в браузере (форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы)

№ слайда 4 Структура Web - страницы «Голова» Web- страницы «Тело» Web- страницы   Имя с
Описание слайда:

Структура Web - страницы «Голова» Web- страницы «Тело» Web- страницы <html> <head> <title>Имя страницы</title> </head> <body> </body> </html> <html></html> начало и конец страницы <head> </head> описание страницы, информация, предназначенная для поисковых машин <title></title> имя, оглавление страницы, всегда помещается внутри<head><title></title></head> <body></body> содержание страницы, информация, которая будет отображаться в окне браузера

№ слайда 5  Файл –&gt; Сохранить как … Простейшая Web - страница Блокнот Браузер Primer1.html
Описание слайда:

Файл –> Сохранить как … Простейшая Web - страница Блокнот Браузер Primer1.html

№ слайда 6 Для того, чтобы задать Цвет необходимо указать его название или 16-ричный ко
Описание слайда:

Для того, чтобы задать Цвет необходимо указать его название или 16-ричный код в виде RRGGBB (#FFFFFF – белый, #000000 - чёрный). Цвет на Web - странице

№ слайда 7 Атрибуты тэга  Фоновоеизображение … Цветфона …  (… ) Цвет текста …  Цветссыл
Описание слайда:

Атрибуты тэга <Body> Фоновоеизображение <bodyBACKGROUND=имя файла>…</body> Цветфона <bodyBGCOLOR=цвет>… </body> (<bodyBGCOLOR=“#FF0000”>… </body>) Цвет текста <bodyTEXT=цвет>… </body> Цветссылки <bodyLINK=цвет>… </body> Цветпройденной ссылки <bodyVLINK=цвет>… </body> Цветактивнойссылки <bodyALINK=цвет>… </body> Ширина полейWeb-страницы слева и справа <bodyleftmargin=значение в пикселях></body> Ширина полейWeb-страницы сверху и снизу <bodytopmargin=значение в пикселях></body>

№ слайда 8  Фон Web - страницы
Описание слайда:

Фон Web - страницы <body background=1.jpg> <body bgcolor=pink>

№ слайда 9 Оформление заголовка Заголовки:  текст заголовка , 	 N от 6 до 1 Заголовок п
Описание слайда:

Оформление заголовка Заголовки: <hN> текст заголовка </hN>, N от 6 до 1 <h1>Заголовок первого уровня</h1> <h2>Заголовок второго уровня</h2> <h3>Заголовок третьего уровня</h3> <h4>Заголовок четвёртого уровня</h4> <h5>Заголовок пятого уровня</h5> <h6>Заголовок шестого уровня</h6> Атрибут заголовка - выравнивание align=значение (left, center, right, justify) <hN align=“center”>заголовок выровнен по центру</hN>

№ слайда 10 Горизонтальная линия на Web-странице Тэг  - выпуклая (объёмная) горизонтальн
Описание слайда:

Горизонтальная линия на Web-странице Тэг <h> - выпуклая (объёмная) горизонтальная линия. Тэг не требует закрывающего тэга. <hr noshade> -линия без тени, <hr color=цвет> <hr size=толщина> <hr width=ширина в пикселях или %> <h1 align=center>Заголовок1 </h1> <hr> <h2 align=center>Заголовок2 </h2> <hr color=red> <h3 align=center>Заголовок3 </h3> <hr color=#FF0000 size=8 width=100>

№ слайда 11 Оформление абзаца  текст абзаца  абзац с выравниванием Перед абзацем автомат
Описание слайда:

Оформление абзаца <P> текст абзаца </P> <P align=“…”>абзац с выравниванием</P> Перед абзацем автоматически добавляется небольшой отступ <P align=“left”> абзац с выравниванием по левому краю</P> <P align=“center”> абзац с выравниванием по центру</P> <P align=“right”>абзац с выравниванием по правому краю</P> <P align=“justify”> абзац с выравниванием по ширине</P>

№ слайда 12 Форматирование шрифта  увеличение обычного размера шрифта на одну единицу  у
Описание слайда:

Форматирование шрифта <Big> увеличение обычного размера шрифта на одну единицу</Big> <Small> уменьшение обычного размера шрифта на одну единицу</Small> <B>полужирноеначертание</B> <i>курсивноеначертание</i> <B><i>полужирныйкурсив</i></B> <U>подчёркнутыйтекст</U> <SUB>верхний индекс</SUB> <SUP>нижний индекс</SUP> <tt>пишущая машинка</tt> <i>курсивноеначертание</i> <DEL>Зачеркнутый текст</DEL>

№ слайда 13 Форматирование шрифта Строка 1 Строка 2  Строка 3 	Строка 4 Строка 5  Раз ст
Описание слайда:

Форматирование шрифта Строка 1 Строка 2 <br> Строка 3 Строка 4 <br>Строка 5 <Pre> Раз ступенька Два ступенька Будет Л е с е н к а </Pre> <BR> перевод на новую строку <Pre> Этот текст будет выглядеть так как он набран</Pre>

№ слайда 14 Форматирование шрифта  управление фрагментом текста Атрибуты шрифта: Face (г
Описание слайда:

Форматирование шрифта <Font> управление фрагментом текста</Font> Атрибуты шрифта: Face (гарнитура), Size (размер 1…7 или +2, -1 и т.д.), Color (цвет) <Font Face=Arial Size=6 Color=red> фрагмент1</Font> <Font Face=Courier Size=+2 Color=#FF0000> фрагмент2 </Font> Courier Arial

Автор
Дата добавления 16.10.2015
Раздел Информатика
Подраздел Презентации
Просмотров153
Номер материала ДВ-068313
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

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

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

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

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