Инфоурок / Информатика / Презентации / Презентация. Основы языка разметки гипертекста HTML. Часть 2.
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации).

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Я люблю природу», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

ПРИЁМ ЗАЯВОК ТОЛЬКО ДО 15 ДЕКАБРЯ!

Конкурс "Я люблю природу"

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




Московские документы для аттестации!

124 курса профессиональной переподготовки от 4 795 руб.
274 курса повышения квалификации от 1 225 руб.

Для выбора курса воспользуйтесь поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВА).

ДИПЛОМ от Столичного учебного центра: KURSY.ORG


библиотека
материалов
Основы языка гипертекстовой разметки документов 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

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

№ слайда 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

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

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

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

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

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

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


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

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

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

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

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

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


Скидка 50%

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

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

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

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

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