Создание WEB-страниц с помощью HTML. Структура программы Заголовок html- документа Главная часть документа …….. ……..

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



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

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

Создание WEB-страниц с помощью HTML

Структура программы Заголовок html- документа Главная часть документа …….. ……..

Структура заголовка Заголовок содержит необходимые для работы с документом сведения: название документа, позиция в сети, связи с другими документами и т.д. Например: Первая страница

Структура главной части В главной части документа располагается содержимое самой Web-страницы с графикой, текстом и гиперссылками на другие ресурсы Internet.

Дескрипторы (оливковый цвет фона) Например:

Работа с текстом в документе Форматирование заголовков всех типов производится посредством дескрипторов ….. соответствует верхнему уровню в иерархии заголовков, - нижнему. Для форматирования заголовков используется атрибут align: Align=left – располагает заголовок по левому краю текста; Align=center – центрирует заголовок; Align=right – смещает заголовок к правому краю. Например: Заголовок страницы

Создание абзаца Для каждого абзаца текста в документе используется дескриптор и, в котором может быть использован атрибут align. Например: Это текст выравненный по центру

Форматирование шрифта Изменение шрифта текста осуществляется с помощью дескриптора. Этот дескриптор допускает использование следующих атрибутов: Color=Цвет – задает цвет шрифта; Например: Это текст выравненный по центру

Форматирование шрифта Face=Шрифт – задает вид шрифта; Например: Это текст выравненный по центру

Форматирование шрифта Size=n – задает размер шрифта. Например: Это текст выравненный по центру

Форматирование шрифта Полужирный шрифт Дескриптор, - позволяет отобразить текст полужирным шрифтом Жирный текст Курсивный текст Дескриптор, - позволяет отобразить текст курсивным шрифтом Курсивный текст

Создание списков Маркированные списки Создание такого списка производится посредством пары дескрипторов,. Эта пара дескрипторов автоматически формирует список. Этот дескриптор может использовать атрибут type, для задания маркера: Type=disc – в качестве маркера используется закрашенный кружок; Type=circle– в качестве маркера используется незакрашенный кружок; Type=square– в качестве маркера используется квадратик; Каждый элемент списка описывается с помощью дескриптора

Создание списков Например: Списки могут быть Нумерованные Маркированные Многоуровневые

Создание списков Нумерованные списки Создание такого списка производится посредством пары дескрипторов,. Дескриптор может использовать атрибут type, для задания способа нумерации: Type=1 – нумерация выполняется арабскими цифрами; Type=А– нумерация выполняется прописными буквами; Type=а– нумерация выполняется строчными буквами; Type=I– нумерация выполняется большими римскими цифрами; Type=i– нумерация выполняется малыми римскими цифрами;

Создание списков Например: Нумерованные Маркированные Многоуровневые

Создание таблиц Формирование таблицы осуществляется дескрипторами И. В этом дескрипторе задаются глобальные опции таблиц.

Создание таблиц

Таблицы в html состоят из строк, а строки из ячеек. Дескриптор начинает строку, а заканчивает. Между этими дескрипторами располагаются дескрипторы, описывающие ячейки - или.

Создание таблиц

В html различают две категории ячеек: ячейки заголовков ( ) и ячейки данных ( ). Содержимое ячейки данных горизонтально выравнивается по левому краю. Содержимое ячейки заголовка горизонтально выравнивается по центру и выделяется полужирным шрифтом.

Создание таблиц

Текст программы: Список дисциплин Наименование дисциплины 1. Математика 2. Инфopмaтикa