(HyperText Markup Language) – язык гипертекстовой разметки.

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



Advertisements
Похожие презентации
(HyperText Markup Language) – язык гипертекстовой разметки.
Advertisements

(HyperText Markup Language) – язык гипертекстовой разметки.
Введение в язык HTML И.В.Брезгунова Кафедра технологий образования РИВШ БГУ.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Название страницы содержание страницы Структура любого HTML файла.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Язык разметки гипертекста. Терминология HTML. Методика использования. Основные конструкции. Лаборатория информатизации образования ИДППО Институт дополнительного.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Язык разметки гипертекста НТМL (HyperText Markup Language)
© Пивоваров Я.А., 2005 г. Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP (Transmission.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.
Web-страницы и Web-сайты. Структура Web- страницы.
Транксрипт:

(HyperText Markup Language) – язык гипертекстовой разметки

Парный тег фрагмент текста Непарный тег фрагмент текста Открывающий тегЗакрывающий тег

Регистр имен тегов и атрибутов не имеет значения = = Необходимо соблюдать порядок вложенности тегов полужирный курсив Наличие и количество пробелов между тегом и текстом или тегом и тегом не имеет значения полужирный курсив

Атрибуты (параметры) уточняют действие тегов Каждый тег имеет свой набор допустимых атрибутов Для парных тегов атрибуты указывают только в открывающем теге Можно использовать несколько атрибутов, разделенных пробелами Атрибуту присваивается заданное или произвольное значение Атрибуты записываются в виде пары: имя=значение

! Интерпретирует HTML-код программа-браузер Браузеры не проверяют правильность написания кода HTML Неправильно записанный код браузером игнорируется

Служебная часть Содержательная часть

Тег определяет текст заголовка Web- страницы В отсутствие этого тега в строке заголовка выводится (в зависимости от браузера): -No title -Адрес загруженной страницы -Ничего

ЗАГОЛОВКИ Теги …, …, …, …, …, … Атрибут – (выравнивание) ALIGN =LEFT; RIGHT; CENTER; JUSTIFY Заголовок

АБЗАЦ Тег … Атрибут – (выравнивание) ALIGN =LEFT; RIGHT; CENTER; JUSTIFY Абзац Снова абзац Еще абзац

Разрыв строки Тег Предварительно отформатированный текст Тег …

Горизонтальная линия Непарный тег Атрибуты: ALIGN (выравнивание)=LEFT; RIGHT; CENTER WIDTH (ширина) =100% SIZE (толщина) =1 COLOR (цвет) =

Определение параметров фрагмента текста Тег … Атрибуты: FACE(гарнитура шрифта)=Times new Roman SIZE(размер шрифта)=3 COLOR(цвет шрифта)=Black

Теги форматирования текста: Полужирный - … Курсив - … Подчеркнутый - … Зачеркнутый - … Верхний индекс - … Нижний индекс - …

Атрибут FACE тега Атрибут SIZE тега изменяется SIZE = 1,2,3,4,5,6,7 по умолчанию SIZE=3 Для MS Internet Explorer единицы пункты

Атрибут COLOR тега может быть задан названием цвета или шестнадцатеричным числом модели RGB

Атрибут direction – указывает направление движения: direction= right - слева направо direction= left – справа налево Тег текст

Способы указания цвета: Название цвета Схема RGB

RGB - Red-Green-Blue, Красный-Зеленый-Синий Интенсивность компоненты записывается двузначным шестнадцатеричным числом. Шестнадцатеричные цифры: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F A26720

BGCOLOR – цвет фона документа BACKGROUND – фоновое изображение TEXT – цвет текста LINK – цвет непросмотренной ссылки VLINK – цвет просмотренной ссылки ALINK – цвет просматриваемой ссылки

Вставка графического изображения: тег (непарный) Обязательный атрибут SRC указывает адрес графического файла

Атрибуты тега -ALIGN - выравнивание текста относительно изображения -WIDTH и HEIGHT – ширина и высота в пикселях или процентах от размеров экрана -BORDER – толщина рамки вокруг изображения в пикселях -HSPACE и VSPACE – пустые поля вокруг изображения в пикселях -ALT – альтернативный текст

Альтернативный текст MSIE отображает графику MSIE не отображает графику

Указатель ссылки – тег … Адресная часть ссылки – атрибут HREF тега Хотите ознакомиться с моей биографией ? Зайдите на сайт Гимназия 22 г.Минска Пишите мне!

Указатель ссылки – изображение

заголовок столбца 1 заголовок столбца 2 содержимое ячейки 1 содержимое ячейки 2

заголовок столбца 1 заголовок столбца 2 содержимое ячейки 1 содержимое ячейки 2

Заголовок таблицы - тег (после тега ) Расположение заголовка – атрибут ALIGN = {TOP,BOTTOM}

Атрибуты тега BORDER – наличие и ширина рамки в пикселях BORDERCOLOR – цвет рамки CELLSPASING – расстояние между рамками ячеек в пикселях CELLPADDING – расстояние между рамкой ячейки и данными в ячейке WIDTH и HEIGHT – ширина и высота в пикселях или процентах от ширины экрана