Презентация, доклад по информатике на тему Язык html

Содержание

ВведениеHTML – это язык разметки документов в среде WEB. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.

Слайд 1HTML
Создание web-сайтов

HTMLСоздание web-сайтов

Слайд 2Введение
HTML – это язык разметки документов в среде WEB.

То,

что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.
ВведениеHTML – это язык разметки документов в среде WEB.  То, что вы видите при просмотре страницы в

Слайд 3Основные термины ТЕГ
оформленная единица HTML-кода.
Все тэги имеют одинаковый формат: они начинаются

знаком "<" и заканчиваются знаком ">". Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/".

Основные термины ТЕГоформленная единица HTML-кода. Все тэги имеют одинаковый формат: они начинаются знаком

Слайд 4Основные термины ТЕГ

Основные термины ТЕГ

Слайд 5Основные термины Атрибут
это дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует

знак равенства и детали атрибута, заключённые в двойные кавычки.
Основные термины Атрибутэто дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута,

Слайд 6Основные термины Атрибут

Основные термины Атрибут

Слайд 7Основные термины Элемент
понятие, обозначающее пару тегов и участок документа между тегами, на

который распространяется их влияние.

Например, элемент HEAD состоит из двух тегов – открывающего и закрывающего .
Основные термины Элементпонятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.Например, элемент

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

Структура web-документа.

Слайд 9Вставка комментария
Пример:


 Сайт о

собаках 


. . .


Вставка комментария Пример:  Сайт о собаках     . . .

Слайд 10Работа с текстом Основные элементы форматирования текста в html
 P Используется

для разбивания текста на параграфы

ALIGN - определяет способ горизонтального выравнивания параграфа .
Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине .По умолчанию имеет значение left.

Работа с текстом  Основные элементы форматирования текста в html  P Используется для разбивания текста на параграфыALIGN -

Слайд 11Работа с текстом Основные элементы форматирования текста в html

Работа с текстом  Основные элементы форматирования текста в html

Слайд 12Работа с текстом Основные элементы форматирования текста в html
H1,H2,...H6 Применяются

для создания заголовков 1,2...6 уровней

ALIGN - определяет способ горизонтального выравнивания заголовков. Возможные значения: left, center, right .По умолчанию - left.
 
Работа с текстом  Основные элементы форматирования текста в html H1,H2,...H6 Применяются для создания заголовков 1,2...6 уровнейALIGN -

Слайд 13Работа с текстом Основные элементы форматирования текста в html

Работа с текстом  Основные элементы форматирования текста в html

Слайд 14Работа с текстом Основные элементы форматирования текста в html
 BR Используетcя

для переноса строки
 
Работа с текстом  Основные элементы форматирования текста в html  BR Используетcя для переноса строки 

Слайд 15Работа с текстом Основные элементы форматирования текста в html
 DIV Используется для

выделения части документа определенным способом.

ALIGN - определяет способ горизонтального выравнивания контейнера. Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине. По умолчанию имеет значение left.
Работа с текстом  Основные элементы форматирования текста в html  DIV Используется для выделения части документа определенным способом.ALIGN -

Слайд 16Работа с текстом Основные элементы форматирования текста в html

Работа с текстом  Основные элементы форматирования текста в html

Слайд 17Работа с текстом Основные элементы форматирования текста в html

Работа с текстом  Основные элементы форматирования текста в html

Слайд 18Работа с текстом Основные элементы форматирования текста в html
 SPAN Используется

для выделения части информации и придания ей различных стилей.

Сам по себе, без использования стилей, элемент SPAN никакого смысла не имеет

Работа с текстом  Основные элементы форматирования текста в html  SPAN Используется для выделения части информации и

Слайд 19Работа с текстом Основные элементы форматирования текста в html
Чтобы придать

тексту ту или иную гарнитуру в html используются такие элементы:


Работа с текстом  Основные элементы форматирования текста в html Чтобы придать тексту ту или иную гарнитуру

Слайд 20Работа с текстом Списки в html

Работа с текстом  Списки в html

Слайд 21Работа с текстом Списки в html

Атрибуты:
START – определяет первое число,

с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала.

TYPE – определяет стиль нумерации пунктов списка

Работа с текстом  Списки в html Атрибуты: START – определяет первое число, с которого начинается нумерация пунктов.

Слайд 22Работа с текстом Списки в html

Работа с текстом  Списки в html

Слайд 23Работа с текстом Списки в html

Атрибуты:
VALUE – изменяет порядок нумерации элементов

списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.
Работа с текстом  Списки в html Атрибуты:VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится

Слайд 24Работа с текстом цвет фона и текста

Необходимые атрибуты:

BACKGROUND – определяет изображение

для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.

BGCOLOR – определяет цвет фона документа.

TEXT – определяет цвет текста в документе.
Все они прописываются для элемента BODY. Значения цветов задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.
Работа с текстом  цвет фона и текста Необходимые атрибуты:BACKGROUND – определяет изображение для

Слайд 25Работа с текстом цвет фона и текста

Работа с текстом  цвет фона и текста

Слайд 26
До встречи на лабораторной работе :0)

До встречи на лабораторной работе :0)

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

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

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

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