Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

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

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

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

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

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

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


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

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

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

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

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

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

№ слайда 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% уже осенью 2017 года.


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

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

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

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

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