Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
Web-программирование
Лекция #3. Введение в языки разметки web-страниц
Цикл лекций читается в Омском государственном университете им. Ф.М.Достоевского на факультете компьютерных наук.
Лектор: Яковенко Кирилл Сергеевич.
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
Web-программирование
Лекция #3. Введение в языки разметки web-страниц
Цикл лекций читается в Омском государственном университете им. Ф.М.Достоевского на факультете компьютерных наук.
Лектор: Яковенко Кирилл Сергеевич.
2. HTML (от англ. HyperText Markup
Language — «язык гипертекстовой
разметки») —
стандартизированный язык
разметки документов во
Всемирной паутине. Большинство
веб-страниц содержат описание
разметки на языке HTML (или
XHTML). Язык HTML
интерпретируется браузерами;
полученный в результате
интерпретации форматированный
текст отображается на экране
монитора компьютера или
мобильного устройства.
3. Язык HTML был разработан
британским учёным Тимом
Бернерсом-Ли приблизительно
в 1986—1991 годах в стенах
ЦЕРНа в Женеве (Швейцария).
HTML создавался как язык для
обмена научной и технической
документацией, пригодный для
использования людьми, не
являющимися специалистами в
области вёрстки.
4. Web-страницу (документ или информационный ресурс Всемирной
паутины) для публикации в сети можно создать с помощью
программы HTML.
Текстовые документы, содержащие разметку на языке HTML (такие
документы традиционно имеют расширение .html или .htm),
обрабатываются специальными приложениями, которые
отображают документ в его форматированном виде. Такие
приложения, называемые «браузерами» или «интернет-
обозревателями», обычно предоставляют пользователю удобный
интерфейс для запроса веб-страниц, их просмотра (и вывода на
иные внешние устройства) и, при необходимости, отправки
введённых пользователем данных на сервер. Наиболее
популярными на сегодняшний день браузерами являются Google
Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari.
5. Очень часто возникает необходимость
форматировать введенные данные непосредственно в
Блокноте, где представлена программа языка
гипертекстовой разметки HTML. Если даже нет
необходимости в создании страницы на языке HTML
нужно знать основные тэги для того, чтобы вносить
необходимые изменения в уже готовую программу.
6. Создать персональную папку, где обязательным является
использование для имени папки латинских букв;
Создать текстовой документ блокнот;
Открыть документ и сохранить его под новым именем с
расширением .html или .htm.
Закрыть документ;
Открыть html –документ;
Открыть блокнот, выполнив команду Вид/в виде html.
В папке должны находиться два файла: текстовый документ и
документ html.
Текстовой файл можно будет удалить после создания html-
документа.
Для работы с HTML
документом необходимо:
7. Тэги – это управляющие символы, определяющие вид Web-страницы при
её просмотре в браузере.
Тэг - элемент HTML, представляющий из себя текст, заключенный в
угловые скобки.
Тэг является активным элементом, изменяющим представление
следующей за ним информации. Тэг может иметь некоторое количество
атрибутов.
Обычно используются два тэга – открывающий (<тэг>) и закрывающий ().
*** / - имеет название СЛЭШ
Контейнеры – это парные тэги, содержащие открывающий и
закрывающий тэг, которые указывают на начало и конец форматирования
определенного блока.
Основными элементами документа
являются тэги
8. Программа состоит из двух частей. В первой части
задается заголовок страницы (он отображается в
заголовке окна) и первым загружается при просмотре
страницы.
Особое значение следует уделить выбору названия
заголовка, т.к. именно по заголовку индексируется
страница в поисковых системах. Название заголовка
должно отражать суть информационного наполнения
страницы.
9. Каждый HTML-документ обязан
начинаться со строки декларации версии
HTML !DOCTYPE, которая поможет
браузеру определить, как правильно
интерпретировать данный документ и
обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 3.2 Final//EN">
После объявления версии и типа
документа необходимо обозначить его
начало и конец. Это делается с помощью
тега-контейнера <html> -</html>.
Затем, между тегами <html> и </html>
следует разместить заголовок <head> -
</head> и тело <body> - </body>
документа.
Общий вид программы
(структура):
10. Изначально язык HTML был задуман и создан как
средство структурирования и форматирования
документов без их привязки к средствам воспроизведения
(отображения). В идеале, текст с разметкой HTML должен
был без стилистических и структурных искажений
воспроизводиться на оборудовании с различной
технической оснащённостью (цветной экран
современного компьютера, монохромный экран
органайзера, ограниченный по размерам экран
мобильного телефона или устройства и программы
голосового воспроизведения текстов).
11. Однако современное применение
HTML очень далеко от его
изначальной задачи. Например, тег
<table> предназначен для создания в
документах таблиц, но часто
используется и для оформления
размещения элементов на
странице.
Главной особенностью HTML является способность использовать
гиперсвязи (links), благодаря которым возможны ссылки на другие
документы, как локальные, так и находящиеся на другом конце
земного шара, а также внедрение в документы изображений, звука,
видео и т. д.
С течением времени основная идея
платформонезависимости языка
HTML была принесена в жертву
современным потребностям в
мультимедийном и графическом
оформлении.