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

HTML Создание web-сайтов Введение HTML – это язык разметки документов в среде WEB. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста. Основные терминыТЕГ оформленная единица HTML-кода. Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">". Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Основные терминыТЕГ Основные терминыАтрибут это дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки. Основные терминыАтрибут Основные терминыЭлемент понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.Например, элемент HEAD состоит из двух тегов – открывающего и закрывающего . Структура web-документа. Вставка комментария Пример: . . . Работа с текстом Основные элементы форматирования текста в html  P Используется для разбивания текста на параграфыALIGN - определяет способ горизонтального выравнивания параграфа .Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине .По умолчанию имеет значение left. Работа с текстом Основные элементы форматирования текста в html Работа с текстом Основные элементы форматирования текста в html H1,H2,...H6 Применяются для создания заголовков 1,2...6 уровнейALIGN - определяет способ горизонтального выравнивания заголовков.Возможные значения: left, center, right .По умолчанию - left.  Работа с текстом Основные элементы форматирования текста в html Работа с текстом Основные элементы форматирования текста в html  BR Используетcя для переноса строки  Работа с текстом Основные элементы форматирования текста в html  DIV Используется для выделения части документа определенным способом.ALIGN - определяет способ горизонтального выравнивания контейнера.Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине. По умолчанию имеет значение left. Работа с текстом Основные элементы форматирования текста в html Работа с текстом Основные элементы форматирования текста в html Работа с текстом Основные элементы форматирования текста в html  SPAN Используется для выделения части информации и придания ей различных стилей.Сам по себе, без использования стилей, элемент SPAN никакого смысла не имеет Чтобы придать тексту ту или иную гарнитуру в html используются такие элементы: Вставляет в текст горизонтальную разделительную линию с заданной длиной, толщиной, цветом, выравниванием HR Изменение цвета(COLOR), типа(FACE), размера шрифта(SIZE) FONT Создание нижнего индекса SUB Создание верхнего индекса SUP Перечеркивание текста S Выделение текста подчеркиванием U Используется для выделения текста курсивом EM Используется для выделения текста жирным STRONG Работа с текстом Основные элементы форматирования текста в html Создает неупорядоченный список UL Работа с текстом Списки в html Создает упорядоченный список OL Атрибуты: START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала. TYPE – определяет стиль нумерации пунктов списка Работа с текстом Списки в html Работа с текстом Списки в html Создает пункты списка внутри элементов OL или UL LI Атрибуты: VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента. Работа с текстом Списки в html Необходимые атрибуты:BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.BGCOLOR – определяет цвет фона документа.TEXT – определяет цвет текста в документе.Все они прописываются для элемента BODY. Значения цветов задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Работа с текстом цвет фона и текста Работа с текстом цвет фона и текста До встречи на лабораторной работе :0)