Слайд 2Что такое Интернет?
глобальная сеть, объединяющая компьютерные сети
ИНТЕРНЕТ
«всемирная паутина» или
WWW (World Wide Web)
![Что такое Интернет? глобальная сеть, объединяющая компьютерные сети ИНТЕРНЕТ «всемирная паутина» или WWW (World Wide Web)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-1.jpg)
Слайд 3Что такое Интернет?
объединение компьютеров (серверов) и сервисов хранения информации - хостингов
ИНТЕРНЕТ
информация и
![Что такое Интернет? объединение компьютеров (серверов) и сервисов хранения информации - хостингов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-2.jpg)
сервисы, связанные с предоставлением доступа к информации, – сайты
Слайд 4Что такое …
Сайт – набор Web-страниц, тематически и организационно связанных друг с
![Что такое … Сайт – набор Web-страниц, тематически и организационно связанных друг](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-3.jpg)
другом
Web-страница – файл с текстом, содержащий разметку HTML
HTML (HyperТext Markup Language) – язык разметки гипертекста
Гипертекст – это текст, в котором каждое слово или словосочетание может быть активной ссылкой на другой документ, изображение, таблицу и т.п.
Слайд 5Будем знакомы
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986-1991
![Будем знакомы Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-4.jpg)
годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария).
HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.
Слайд 6Будем знакомы
Язык HTML был задуман и создан как средство структурирования и форматирования
![Будем знакомы Язык HTML был задуман и создан как средство структурирования и](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-5.jpg)
документов без их привязки к средствам отображения.
В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона).
Слайд 7Подробнее о HTML
HTML представляет собой набор тегов.
Тэг – элемент или способ разметки
![Подробнее о HTML HTML представляет собой набор тегов. Тэг – элемент или](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-6.jpg)
текста
Теги различаются на парные и непарные, контейнеры и пустые.
Парные теги содержат 2 команды: открывающую и закрывающую – и являются контейнерами .
Контейнеры – парные теги, используемые для оформления заключенной в них информации.
Пустые – непарные теги, не содержащие информации.
Слайд 8Подробнее о тегах
Общий вид
<имя_тега> – открывающий или пустой тег
имя_тега> – закрывающий
![Подробнее о тегах Общий вид – открывающий или пустой тег – закрывающий](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-7.jpg)
тег
Открывающий и пустой теги могут иметь параметры:
определенные
<имя_тега параметр … >
настраиваемые
<имя_тега параметр = «значение» … >
Параметров у тега может быть несколько
Слайд 9Создание Web-страницы
Инструментальная среда состоит из текстового редактора (самый простой – Блокнот) и
![Создание Web-страницы Инструментальная среда состоит из текстового редактора (самый простой – Блокнот)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-8.jpg)
браузера
Браузер – программа просмотра Web-страницы – преобразует теги HTML в визуальные эффекты
Слайд 10Пример
Описать оформление текста:
(Web-страница)
Тег – это инструкция разметки текста
=======================================
(Исходник)
Вариант решения:
Жирный
![Пример Описать оформление текста: (Web-страница) Тег – это инструкция разметки текста =======================================](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-9.jpg)
шрифт
Тег
Обычный шрифт
– это инструкция разметки текста
Слайд 11Пример
Описать оформление текста:
(Web-страница)
Тег – это инструкция разметки текста
=======================================
(Исходник)
Другой вариант
![Пример Описать оформление текста: (Web-страница) Тег – это инструкция разметки текста =======================================](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-10.jpg)
решения:
Жирный шрифт: Тег
Обычный шрифт: – это инструкция разметки текста
Слайд 12Пример
Описать оформление текста:
(Web-страница)
Тег – это инструкция разметки текста
=======================================
Третий вариант решения: (Исходник)
![Пример Описать оформление текста: (Web-страница) Тег – это инструкция разметки текста =======================================](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-11.jpg)
ЖИРНЫЙ ШРИФТ: Тег
ОБЫЧНЫЙ ШРИФТ: – это инструкция разметки текста
Слайд 13Особенности HTML-документа
Не чувствительность к регистру при оформлении названий тегов.
Игнорирование «переноса строки», «конца
![Особенности HTML-документа Не чувствительность к регистру при оформлении названий тегов. Игнорирование «переноса](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045791/slide-12.jpg)
абзаца», «разрыва страницы» в тексте Web-страницы.
Несколько последовательных «пробелов» воспринимаются как «один».