Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Введение в HTML

Понятие HTMLHTML (HyperText Markup Language) означает «язык разметки гипертекстов», использующийся для создания веб – ресурсов.
Введение в HTMLУчитель информатики: Водичев А.С.МБОУ «Северная СОШ» Понятие HTMLHTML (HyperText Markup Language) означает «язык разметки гипертекстов», использующийся для создания веб – ресурсов. Понятие HTMLHTML – документ представляет собой обычный текстовый файл.Для его создания потребуется: Сохранение документаДокумент набранный в блокноте сохраняется с расширением *. html или *. ТегиТеги - специальные команды разметки, заключенные между угловыми скобками (), и задающие Теги Контейнер тегов – комбинация из открывающего и закрывающего тега.Ввод тегов большими Структура html-документа        «Голова»«Тело» Структура html-документа         -тег используется Абзац Одним из основных элементов документов является абзац. В языке HTML имеется Базовые стили форматирования текста ЗаголовкиЗаголовки обозначают начало раздела документа, и обозначаются тегами -,, … . - Пример      Это самый большой заголовок получиться следующие: Размер и цвет шрифтаДля форматирования текста используется парный тег  он сам Цвет фона Цвет фона устанавливается в тэге : Если цвет в не Некоторые цвета и их кодыBlack (черный)White (белый)Aqua (цвет морской волны)Blue (синий)Fuchsia (фуксии)Green (лимонный)Gray (серый)Red (красный)Yellow (желтый)#000000#ffffff#00ffff#0000ff#ff00ff#008000#808080#ff0000#ffff00
Слайды презентации

Слайд 2 Понятие HTML
HTML (HyperText Markup Language) означает «язык разметки

Понятие HTMLHTML (HyperText Markup Language) означает «язык разметки гипертекстов», использующийся для создания веб – ресурсов.

гипертекстов», использующийся для создания веб – ресурсов.


Слайд 3 Понятие HTML
HTML – документ представляет собой обычный текстовый

Понятие HTMLHTML – документ представляет собой обычный текстовый файл.Для его создания

файл.
Для его создания потребуется:
текстовый редактор ( Блокнот)
браузер

Internet Explorer , то есть программа для просмотра HTML – файла.

Слайд 4 Сохранение документа
Документ набранный в блокноте сохраняется с расширением

Сохранение документаДокумент набранный в блокноте сохраняется с расширением *. html или

*. html или *. htm. Первый (стартовый) файл сохраняется

под именем index.html, последующие на ваше усмотрение.
Графические объекты в веб – страницах это чаще всего файлы с расширением .gif или .jpg.

Слайд 5 Теги
Теги - специальные команды разметки, заключенные между угловыми

ТегиТеги - специальные команды разметки, заключенные между угловыми скобками (), и

скобками (), и задающие правила, по которым бразер отображает

документ на экран (размещение текста в окне, представление графических объектов и т.д.)

Слайд 6 Теги
Контейнер тегов – комбинация из открывающего и

Теги Контейнер тегов – комбинация из открывающего и закрывающего тега.Ввод тегов

закрывающего тега.

Ввод тегов большими и маленькими буквами воспринимаются браузером

одинаково ( , и ).

Многие теги, помимо имени, могут содержать атрибуты элементы, дающие дополнительную информацию о том, как браузер должен обработать текущий тег.


Слайд 7 Структура html-документа




Структура html-документа    «Голова»«Тело»



«Голова»

«Тело»


Слайд 8 Структура html-документа







Структура html-документа     -тег используется для открытия HTML-документа.



-тег используется для открытия HTML-документа. Закрывается тегом

.
-данный тег определяет заголовок HTML-документа и имеет обязательный закрывающийся тег .
-обязательный атрибут тега <HEAD>. Между тегами <TITLE> и заключено название HTML-документа.
-заключает в себе непосредственно документ. -закрывает данный тег.

Слайд 9 Абзац
Одним из основных элементов документов является абзац.

Абзац Одним из основных элементов документов является абзац. В языке HTML

В языке HTML имеется специальный тег для обозначения нового

абзаца - <р>.
Для выравнивания текста в документе используется атрибут align.
Текст можно выровнять по центру, набрав

текст


Или по левому или по правому краю

текст


текст





Слайд 10 Базовые стили форматирования текста

Базовые стили форматирования текста

Слайд 11 Заголовки
Заголовки обозначают начало раздела документа, и обозначаются тегами

ЗаголовкиЗаголовки обозначают начало раздела документа, и обозначаются тегами -,, … .

-,, … .
- самый большой размер заголовка, полужирное

начертание.
- соответствует простому тексту, полужирное начертание.

…<Н6> - парные тег.


Слайд 12 Пример




Это

Пример    Это самый большой заголовок  А этот

самый большой заголовок
А этот поменьше

А этот самый маленький



Если данный текст набрать в блокноте и сохранить, как html-файл, а потом открыть этот файл с помощью например Internet Explorer то…


Слайд 13 получиться следующие:

получиться следующие:

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

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

тег он сам по себе ничего не

делает, всегда употребляется с одним из атрибутов, приведенных ниже:
текст - задает цвет текст.
текст - задает размер шрифта текста.
+1...+7 –увеличивает размер шрифта относительно базового
-1...-7 –уменьшает размер шрифта, относительно базового
Базовый размер шрифта = 3


Слайд 15 Цвет фона
Цвет фона устанавливается в тэге :

Цвет фона Цвет фона устанавливается в тэге : Если цвет в


Если цвет в

не указывать, то по умолчанию фон будет белым, а текст чёрным.

text=... – смена цвета текста
- фоновый рисунок.

  • Имя файла: vvedenie-v-html.pptx
  • Количество просмотров: 122
  • Количество скачиваний: 0