Язык разметки гипертекста НТМL (HyperText Markup Language) - презентация

1 Язык разметки гипертекста НТМL (HyperText Markup Language)

2 HTML HTML – язык гипертекстовой разметки Web- страниц – является компьютерным языком программирования для разработки Web- страниц Описательный язык разметки HTML имеет свои команды, которые называются тегами.

3 ТЕГ Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки . Тег является активным элементом, изменяющим представление следующей за ним информации. Обычно используются два тега - открывающий и закрывающий. Тег может иметь некоторое количество атрибутов.

4 АТРИБУТ Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег. Синтаксис тега с атрибутом:

5 ГИПЕРТЕКСТ Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов.

6 Основные разделы документа HTML Структурные теги - начало страницы -оформление заголовка страницы заголовок, автор … - текст и основная часть страницы

7 Форматирование абзацев НазначениеВид теговПримечание Создание абзаца (параграфа) Выравнивание абзаца Типы выравнивания: left, right, center и justify Перевод строки внутри абзаца Одиночный тэг Горизонтальная линия между абзацами Одиночный тэг Атрибуты: толщина, длина линии, выравнивание Толщина указывается в пикселях, длина – в пикселях или %, выравнивание по умолчанию center

8 Форматирование шрифта НазначениеВид теговПримечание Логическое форматирование Выделение текста: курсивом полужирным как с клавиатуры Фрагмент документа: Обычный текст Курсив Моноширинный Физическое форматирование Курсив жирный подчеркнутый X 2 – отобразится как X 2 курсив Подчеркнутый Перечеркнутый Моноширинный Верхний индекс Нижний индекс Размер шрифта От 1 до 7 Базовый размер шрифта (задается для всего документа в целом) От 1 до 7, по умолчанию равен 3

9 Цвет текста и фона Web-страницы белый – white бирюзовый – teal желтый – yellow зеленый – green золотой – gold красно-коричневый – maroon красный – red лимонный – lime морской волны – aqua фуксиновый – fuchsia черный – black пурпурный –purple серебряный – silver серый- gray синий – blue темно-голубой - navy оливковый – olive - цвет шрифта - цвет фона страницы

10

11 Таблица НазначениеВид тэговПримечание Определить таблицу Месяц Мероприятие Декабрь Новогодняя сказка Окантовка таблицы Строка таблицы Выравнивание текста в строке Ячейка таблицы Выравнивание текста в ячейке по горизонтали Ширина и высота ячейки в пикселях или в % Заголовок столбцов или строк (полужирный)

12 Вставка изображений Для вставки изображения используется тег Для выравнивания изображения использовать добавление align Для вставки фоновой картинки:

13 Вставка изображений НазначениеВид тэговПримечание Вставка графического файла Фрагмент документа: Выравнивание текста Вывод альтернативно го текста

14 Вставка ссылок НазначениеВид тэговПримечание Ссылки на другую страницу текст Фрагмент документа: Ссылка1 текст На главную страницу Ссылка на закладку в другом документе текст На закладку в том же документе текст Определить закладку На адрес Пишите письма!