Апрапрапрап. 1.HTML – язык разметки гипертекстовых страниц 2.Основные тэги для создания Web- страницы 3.Гиперссылки 4.Вставка графических изображений. - презентация

1 апрапрапрап

2 1. HTML – язык разметки гипертекстовых страниц 2. Основные тэги для создания Web- страницы 3. Гиперссылки 4. Вставка графических изображений Книжник Светлана Викторовна учитель МБОУ СОШ 3. г. Кумертау

3 1. Ввести понятие «web-сайт»; 2. Познакомить с HTML; 3. Рассмотреть достоинства языка разметки гипертекста Книжник Светлана Викторовна учитель МБОУ СОШ 3. г. Кумертау

4 Web-страница- Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), который имеет свой собственный адрес. Web-сайт – это электронный интерактивный документ, состоящий из web-страниц, объединенных гиперссылками. Web-страницы могут содержать мультимедийные и динамические объекты. Браузер - программа просмотра web-сайтов и осуществление путешествий по сети WWW(World Wide Web ) Служба WWW (World Wide Web ) – всемирная паутина.

5 Создание WEB-сайтов реализуется с использованием языка гипертекстовой разметки - HTML Создание WEB-сайтов реализуется с использованием языка гипертекстовой разметки - HTML HTML = (HyperText Markup Language) HTML = (HyperText Markup Language) (язык разметки гипертекста) (язык разметки гипертекста) !!! HTML – это не язык программирования !!! HTML – это не язык программирования Главные причины популярности HTML Главные причины популярности HTML 1. Простота 2. Переносимость 3. HTML документ - это гипертекст

6 , ТЭГИ ПАРНЫЕНЕПАРНЫЕ Тэг – инструкция (команда) браузер, указывающая способ отображения текста

7 - определяет формат документа - содержит название страницы, которое отображается в верхней строке браузера - отображает в браузере содержимое страницы - содержит название страницы и справочную информацию о ней

8 Текст HTML программы Коментарии Текст HTML программы Коментарии начало HTML кода начало HTML кода начало головной части начало головной части Первый документ заголовок документа Первый документ заголовок документа конец головной части конец головной части начало тела программы начало тела программы Первый HTML документ заголовок Первый HTML документ заголовок горизонтальная линия горизонтальная линия начало абзаца начало абзаца Кошка не похожа на собаку. Кошка не похожа на собаку. А собака не похожа на кошку. А собака не похожа на кошку. именно это сходство и берем за основу. именно это сходство и берем за основу. конец абзаца конец абзаца конец тела программы конец тела программы конец HTML кода конец HTML кода

9

10 Вид html-страницы в: Блокноте Internet Explorer

11 Разбиение текста на абзацы: … Центрирование объектов: … Выравнивание абзацев:,, Цвет, размер: или ; Пример:

12 Книжник Светлана Викторовна учитель информатики МБОУ СОШ 3. г. Кумертау

13 Для определения гиперссылки используется тег, структура которого имеет следующий вид: текст ссылки Пример: Пример: фотография –Возможно добавление атрибута TARGET со следующими значениями: –_top – открытие документа в текущем окне –_blank – открытие документа в новом окне Имя файла Текст в HTML - документе

14 тег. Для вставки изображений используется тег. Рассмотрим применение этого тега на примере: Где SRC – определяет URL – адрес графического файла WIDTH – ширина, HEIGHT – высота, ALT – альтернативный текст. Изображение так же может быть гиперссылкой:

15

16 Книжник Светлана Викторовна учитель МБОУ СОШ 3. г. Кумертау 1. Что понимается под публикацией Web-сайта? 2. Что такое HTML? 3. С помощью каких программных средств можно создавать Web-страницы? 4. Какова роль гиперссылок на Web-страницах?

17 Иванова И.А. Информатика.: Практикум. –Саратов: Лицей,