Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.

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



Advertisements
Похожие презентации
Задание: изучить тему, записать все теги форматирования.
Advertisements

Название страницы содержание страницы Структура любого HTML файла.
Создаём сайт на HTML урок 2 учитель информатики Рыжанкова С.В.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
(HyperText Markup Language) – язык гипертекстовой разметки.
Заголовок Исходный текст М М Абзац ……. Атрибуты: Align=left – выравнивание по левому краю Align=right - выравнивание по правому краю Align=center - выравнивание.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Web-страницы и Web-сайты. Структура Web- страницы.
Рогозина Светлана Яковлевна МБОУ СОШ 12 МО город-курорт Анапа Краснодарский край, учитель информатики.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
HTML Язык гипертекстовой разметки страниц. Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Язык разметки гипертекста НТМL (HyperText Markup Language)
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
Транксрипт:

Основы языка HTML Теги разметки документа

Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML и заключается в скобки. В ней содержится информация, как должен выглядеть данный элемент на WEB–странице.

Структура html-документа {Заголовок документа} {Тело документа}

Основные теги Текст документа Заголовок документа Название документа Содержимое документа Абзац Заголовок 1 го -6 го уровня где i=1, 2, …, 6 (1-самый большой)

Заголовки сайта Заголовок

Теги управления стилем текста Жирный текст Выделенный текст Курсив Подчеркнутый Перечеркнутый Верхний индекс Нижний индекс

Атрибут выравнивания Теги и могут содержать атрибут выравнивания ALIGN: ALIGN=CENTER – по центру ALIGN=RIGHT – по правому краю ALIGN=LEFT – по левому краю

Форматирование текста - перевод каретки внутри абзаца - чертит горизонтальную линию текст печатает блок текста с отступом

Изменение размера текста … - увеличенный текст … - уменьшенный текст

Задание цвета шрифта и фона страницы задает для всего текста определенный цвет (в данном случае красный) задает цвет фона всего документа (в данном случае оливковый) Кодировка палитры

Форматирование текста Параметры шрифта определяют с помощью элемента FONT и атрибутов: face=название шрифта color=цвет шрифта size=размер шрифта Пример: Текст

формат ячеек таблицы. Тег может включать следующие атрибуты: (см. Файл)Файл Создание таблицы

Пример таблицы Такая таблица реализуется следующим кодом: Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 1 Ячейка 3 Ячейка 2 Ячейка 4

Примечание: В данном примере создана таблица с фиксированной шириной (WIDTH="200" пикселей), но лучше использовать проценты, т.к. в этом случае размер таблицы будет изменятся в зависимости от размера окна.

Таблица может включать заголовок, который располагается между тегами Заголовок. Он должен быть непосредственно после тега. К заголовку возможно применение атрибута ALIGN, определяющего его положение относительно таблицы: TOP - значение по умолчанию, заголовок над таблицей по центру. LEFT - заголовок над таблицей слева. RIGHT - заголовок над таблицей справа. BOTTOM - заголовок под таблицей по центру.

Атрибуты Графический фон в виде «черепицы» Примечание: чтобы достичь эффекта «черепицы», размер рисунка должен быть небольшой