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

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

Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

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

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

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

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


СВИДЕТЕЛЬСТВО СРАЗУ ПОСЛЕ ПРОСМОТРА ВЕБИНАРА

Вебинар «Подростковая лень: причины, способы борьбы»

Просмотр и заказ свидетельств доступен только до 22 января! На свидетельстве будет указано 2 академических часа и данные о наличии образовательной лицензии у организатора, что поможет Вам качественно пополнить собственное портфолио для аттестации.

Получить свидетельство за вебинар - https://infourok.ru/webinar/65.html

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

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

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

Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

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

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

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

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

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

Список всех тестов можно посмотреть тут - https://infourok.ru/tests


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