LOGO www.themegallery.com. LOGO www.themegallery.com Тег HTML HTML тег и парный ему Тег указывает программе просмотра страниц что это HTML документ HTML.

Презентация:



Advertisements
Похожие презентации
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Advertisements

Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
(HyperText Markup Language) – язык гипертекстовой разметки.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Название страницы содержание страницы Структура любого HTML файла.
Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.
Основные понятия HTML расшифровывается HyperText Markup Lang uage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.
Web-страницы и Web-сайты. Структура Web- страницы.
Тег - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Задание: изучить тему, записать все теги форматирования.
Транксрипт:

LOGO

LOGO Тег HTML HTML тег и парный ему Тег указывает программе просмотра страниц что это HTML документ HTML тег и парный ему Тег определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин

LOGO Тег и обязательный парный ему HTML тег не является частью отображаемого текста. Он может отображаться, например, как заголовок страницы или название окна. Только один TITLE может быть в документе. Элемент TITLE должен использоваться для идентификации содержимого документа. Тег BODY HTML тег определяет видимую часть документа. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).Тег имеет ряд необязательных атрибутов. Рекомендуется вместо нежелательных атрибутов использовать каскадные таблицы стилей. Начальный и конечный теги необязательны

LOGO Атрибуты тега BODY alink= Нежелательный. Устанавливает цвет гиперссылок при нажатии. Например, на этой странице ссылки становятся синими при нажатии мышкой background Нежелательный. Указывает на url-адрес изображения - фона документа bgcolor Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF красный цвет, либо используя константы цвета, например для желтого цвета bgproperties=fixed Фоновое изображение прокручиваться не будет. Т.е. текст будет двигаться при нажатии PageDown, а фон - нет. Данный параметр поддерживается только Internet Explorer

LOGO Тег HTML тег B создает жирный текст. Закрывающий тег обязателен Если в тексте есть фрагмент, который должен быть выделен полужирным шрифтом, то его на web-страничках помечают парой тегов и (B от слова Bold - полужирный). Первое B обозначает начало полужирного фрагмента, второе, с косой чертой, обозначает его конец. Тег HTML тег и обязательный парный ему Тег создает наклонный текст HTML тег и обязательный парный ему Тег указывает, что текст должен быть подчеркнут

LOGO Тег FONT HTML тег определяет выводимый шрифт, его цвет и размер. Закрывающий тег требуется Атрибуты тега FONT color Устанавливает цвет текста, используя значение цвета в виде RRGGBB - пример: FF красный цвет, либо используя константы цвета,например для зеленого цвета face Определяет гарнитуру шрифта size Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3 Примечание: Атрибуты можно объединять

LOGO Тег P Тег и необязательный парный ему HTML тег создает новый параграф. Два или более тега, идущих подряд, заменяются одним. Каждый следующий тег абзаца отменяет форматирования предыдущего. При просмотре в браузере новый абзац будет отделен от предыдущего пустой строкой. Параметры тега P align Выравнивает параграф относительно одной из сторон документа, значения: left выравнивание по левому краю. По умолчанию rightвыравнивание по правому краю centerвыравнивание по центру justifyвыравнивание по ширине Title Всплывающая подсказка

LOGO Тег HR HTML тег. Закрывающий тег не требуется Тег добавляет в HTML документ горизонтальную линию. Перед и после линии помещается пустая строка Атрибуты тега HR size Устанавливает высоту(толщину) линии width Устанавливает ширину линии в пикселах или процентах noshade Создает линию без тени color Задает линии определенный цвет Это обычная линия Это линия потолще и красная

LOGO Тег HTML тег MARQUEE является ответом Microsoft на BLINK. MARQUEE заставляет текст не мигать, а прокручиваться, либо перемещаться из стороны в сторону. Требуется закрывающий тег Атрибуты тега MARQUEE DIRECTION=DOWN | LEFT | RIGHT | UP Определяет направление скроллинга ALTERNATEКолебательные движения налево и направо SCROLLПеремещение текста в направлении, указанном в DIRECTION. Достигнув края экрана, надпись появляется снова с противоположной стороны SLIDEСхоже с SCROLL, но текст перемещается только один раз и останавливается

LOGO Тег BR HTML тег не требует парного закрывающего тега Тег (BReak line) вставляет перевод строки Пример тега BR Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку А это уже длинный текст, разбитый на две строки с помощью тега

LOGO Тег OL Тег и обязательный парный ему HTML тег (Ordered List) служит для создания нумерованного списка. Допускается вложение нумерованного списка в списки другого вида Атрибуты тега OL Type =«» Тип маркера AЗаглавные буквы aСтрочные буквы IЗаглавные римские цифры iСтрочные римские цифры 1Арабские цифры (по умолчанию

LOGO HTML тег (Unordered List) служит для создания ненумерованного списка. Допускается вложение ненумерованного списка в списки другого вида. Требуется закрывающий тег Атрибуты тега UL type Тип маркера disc Закрашенный кружок. По умолчанию circleНезакрашенный кружок squareКвадратик

LOGO Тег LI Тег и необязательный парный ему HTML тег (List Item) служит для обозначения элемента (строки) списка. Используется в нумерованных и ненумерованных списках А выглядит код так: Пугачева Орбакайте Киркоров Пресняков Пример тега LI 1. Пугачева 2. Орбакайте 3. Киркоров 4. Пресняков

LOGO Тег INPUT HTML тег предназначен для создания элементов управления и всегда используется совместно с атрибутом TYPE. Закрывающий тег не требуется type Описывает тип интерфейсного элемента. Может принимать следующие значения text создает строку для ввода текста imageсоздает элемент формы в виде кнопки-изображения buttonсоздает стандартную кнопку Примеры кнопок

LOGO HTML тег и обязательный парный ему Тег предназначен для горизонтального выравнивания ВСЕХ элементов посередине окна браузера. CENTER это тег уровня блока, поэтому им можно центрировать, например, таблицы, тексты

LOGO Тег TABLE HTML тег создает таблицу. Все прочие элементы HTML таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен. Атрибуты тега TABLE align Выравнивание таблицы относительно документа. center, left, right background Строка, определяющая рисунок для заднего фона bgcolor Определяет задний фон таблицы border Толщина рамки таблицы в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки bordercolor Цвет рамки таблицы

LOGO HTML тег и необязательный парный ему Тег определяет строку в таблице HTML тег определяет отдельную ячейку в таблице. Закрывающий тег не обязателен, но желателен HTML тег определяет заголовок для столбца в таблице. Обычно, выделяются жирным шрифтом. Закрывающий тег обязателен Код для таблицы Заголовок столбца 1 Заголовок столбца 2 Ячейка столбца 1, ряд 1 Ячейка столбца 2, ряд 1 Ячейка столбца 1, ряд 2 Ячейка столбца 2, ряд 2

LOGO HTML тег служит для внедрения картинки или фото на web-страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF). Картинка не вставляется непосредственно в текст HTML страницы. Просто дается указание браузеру где картинка лежит, как ее зовут и как ее на экране разместить.

LOGO Атрибуты тега IMG src Обязательный атрибут, указывающий URL рисунка align Выравнивает изображение к одной из сторон документа leftВыравнивание по левому краю rightВыравнивание по правому краю centerВыравнивание по центру height Высота картинки в пикселах или процентах. hspace Определяет размер свободного места в пикселах слева и справа от изображения vspace Определяет размер свободного места в пикселах сверху и снизу от изображения width Ширина картинки в пикселах или процентах.

LOGO Пример Код с использованием тега

LOGO Тег A HTML тег служит для создания HTML ссылок. HTML ссылки позволяют осуществлять мгновенный переход от одного фрагмента текста к другому. Сам гипертекст ссылки поддается форматированию. Закрывающий тег обязателен. Тег должен содержать либо атрибут name, либо href

LOGO Атрибуты тега A name Задает имя элемента. Имя используется, например, для создания HTML ссылок между фреймами href Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа. Код для примера А это уже гиперссылка на наш сайт