Создание сайтов. Основы языка разметки гипертекстовых документов HTML. - презентация

1 Создание сайтов. Основы языка разметки гипертекстовых документов HTML

2 Любая Web-страница в Интернете может быть создана с помощью текстового редактора Блокнот. В текстовом файле можно указать, как должен быть оформлен какой-либо фрагмент или куда надо вставить рисунок. Это можно сделать с помощью языка HTML. Такой способ разметки был «изобретен» Тимом Бернерсом-Ли в 1989 году и назван HTML, или HyperText Markup Language, что означает «Язык гипертекстовой разметки».

3 За его основу была взята идея специальными ключевыми словами обозначать, как браузеру следует отображать текст, размеченный языком HTML. Эти ключевые слова получили название tag (тег), и, чтобы их можно было отличить от основного текста, записываются в угловых скобках.

4 Структура Web-страницы Служебная информация Информация, отображаемая в браузере

5 Головная часть помещается в контейнер. Здесь размещается служебная информация, например, кодировка, ключевые слова, информация об авторе сайта и т.д. В этой же части записывается заголовок Web-страницы. Заголовок содержит название страницы, которое помещается в контейнер и при просмотре отображается в строке заголовка браузера.

6 Содержание страницы помещается в контейнер и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и т.д. Созданную Web-страницу необходимо сохранить в виде файла с расширением html или htm. Принято сохранять титульный файл сайта под именем index.htm. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.

7 Пример: Компьютер Все о компьютере

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

9 Выравнивание абзацев Атрибут: ALIGN – выравнивание. Значения: left – по левому краю right – по правому краю center – по центру justify – по ширине

10 Создание раздела Для форматирования абзацев можно использовать парный тег – тег создания раздела. В отличие от тега между соседними разделами не создается пустая строка, и тег необходимо закрывать, так как разделы могут быть вложенными, поэтому начало следующего раздела совсем не означает, что здесь закончился предыдущий.

11 Форматирование заголовков Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до (самый мелкий), например: Все о компьютере Атрибуты тэгов : ALIGN= (center, left, right) – выравнивание (по центру, по левому или по правому краю). Расположим заголовок по центру: Все о компьютере Парный тег - создает абзац и центрирует его.