10 класс 10-14 Основы HTML.ppt
- Количество слайдов: 24
Всемирная паутина Введение в HTML, структура HTML-документа, форматирование текста
World Wide Web Популярнейшая служба Интернета - World Wide Web (WWW), еще называют Всемирной паутиной. Представление информации в WWW основано на возможностях гипертекстовых ссылок. Гипертекст - это текст, в котором содержаться ссылки на другие документы или переходы внутри исходного документа.
World Wide Web Суть технологии гипертекста заключается в том, что текст структурируется, т. е. в нем выделяются слова-ссылки. При активизации ссылки (например при помощи щелчка мыши) происходит переход на заданный в ссылке фрагмент текста. Ссылки (гиперссылки) обычно выделяются цветом и подчеркиванием.
Web-страницы Сервера Интернет, реализующие WWW – технологию, называются Web-серверами, а документы, реализованные по технологии WWW, называются Web-страницами. Web-страница — это электронный документ, в котором кроме текста содержатся специальные команды форматирования, а также встроенные объекты (рисунки, аудио- и видеоклипы и др. ).
Браузеры Просматривают Web-страницы с помощью специальных программ, называемых браузерами (например Internet Explorer, Mozilla Firefox, Opera).
Абсолютное и относительное форматирование В отличие от печатных электронных документов, Web-страницы имеют не абсолютное, а относительное форматирование, то есть они форматируются в момент просмотра в соответствии с тем, на каком экране и с помощью какого браузера их просматривают.
Протокол передачи информации Способ доступа к документу определяется используемым протоколом передачи информации. Для доступа к Web-страницам используется протокол передачи гипертекста HTTP (Hyper Text Transfer Protocol).
URL-адрес У каждого Web-документа и объекта, встроенного в такой документ в Интернете есть свой уникальный адрес — унифицированный указатель ресурса URL (Uniformed Resource Locator) или, сокращенно, URLадресом. Обратившись по этому адресу, можно получить хранящийся там документ.
URL-адрес Пример URL: http: //www. klyaksa. net/htm/exam/answers/images/a 23_1. gif 1 Протокол передачи гипертекста HTTP (Hyper. Text Transfer Protocol) 2 Доменное имя компьютера, на котором хранится данный документ 3 Путь доступа к файлу, содержащему Webдокумент, на указанном компьютере Здесь приведен URL-адрес рисунка, находящегося на одной из Web-страниц портала www. klyaksa. net.
Web-сайт и HTML Совокупность web-документов, объединенных по какому-либо признаку (адресом сервера, темой, оформлением) называют web-сайтом (или просто сайтом). Гипертекстовые страницы записываются на специальном языке HTML (Hyper. Text Markup Language - язык гипертекстовой разметки). Указания, записанные на HTML, интерпретируются браузером. Обычно файл Веб-страницы имеет расширение. html или. htm.
Гипертекст HTML-документ - это один из основных способов размещения информации в глобальной сети Internet и родственных ей сетях intranet. Текст с управляющими символами (тегами) называют гипертекстом.
Тег – специальный символ языка HTML для создания гипертекстового документа. Для обозначения тегов используется угловые скобки <тег>. Теги бывают двух видов: 1) парные, которые выделяют блок текста, также называются еще контейнером. Контейнер требует закрывающего тега, обозначаемого тег>. 2) одиночные. Теги нечувствительны к регистру, поэтому запись и эквивалентна.
Тег Пример. Использование парных тегов (контейнера) Жирный шрифт в тексте. Пример. Использование одиночных тегов Первая строка текста Вторая строка текста.
Тег Пример. Правильное сочетание тегов Полужирный курсивный текст Пример. Неправильное сочетание тегов Полужирный курсивный текст
Структура документа HTML-документ состоит из двух разделов — заголовка (HEAD) и тела документа (BODY). Раздел заголовка документа (HEAD) определяет заголовок веб-страницы и содержит служебную информацию. Раздел тела документа (BODY) хранит видимое содержание страницы.
HTML-документ
Типы тегов: • • • форматирование; верстка таблиц; верстка списков; формирование гиперссылок; вставка изображений.
Форматирование текста — средства его изменения, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста.
Начертания и эффекты текста Код HTML Описание Текст Жирный текст Текст Курсивное начертание текста Текст Подчеркнутый текст Текст Верхний индекс Текст Нижний индекс Текст Зачеркнутый текст
ТекстТекст пишется как есть, включая все пробелы Текст Курсивный текст Текст Жирный текст Строка 1 Строка 2 Перевод курсора в новую строку
Начертания и эффекты текста Пример. Жирный курсивный текст Результат в браузере: "Привет" – мое приветствие. Запись в коде: "Привет" – мое приветствие.
Начертания и эффекты текста Пример. Создание нижнего индекса Результат в браузере: Формула серной кислоты: H 2 SO 4 Запись в коде: Формула серной кислоты: H2SO4
Кодировка текста Для операционной системы Windows и кириллицы используется кодировка текста (данных) windows-1251.
Задание 1


