Web-страницы и Web-сайты. Структура страницы. Форматирование текста

Web-страницы и Web-сайты. Структура страницы. Форматирование текста

Выполнил: учитель информатики МОУ СОШ Раменская школа №19

Двужильный Никита Юрьевич

Email:nikitadvu@yandex.ru

Web-страницы и Web-сайты

Web-страницы. Web-страницы создаются с использова­нием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый доку­мент вставляются управляющие символы — HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.

Редакторы

Достоинством Web-страниц является возможность ее просмотра в различных операционных системах.

Для создания Web-страниц используются простейшие текстовые редакторы , которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в операцион­ной системе Windows или Linux можно использовать стан­дартное приложение Блокнот , Notepad++ , Sublime Text

Notepad ++

Sublime Text

Структура Web-страницы

Все элементы на веб странице должны быть заключены в специальные угловые скобки, которые называются тэгами.

Тэги могут быть одиночными или парными

Парные тэги содержат открывающий и закрывающий тэги – такая пара тэгов называется контейнером.

Структура Web-страницы

Пример:

Содержание

Открывающий тэг

Закрывающий тэг

Web-страницы и Web-сайты

HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии опре­делить формат документа и правильно его интерпретиро­вать. Web-страница разделяется на две логические части: заголовок и содержание.

Структура Web-страницы

содержит название страницы и справоч­ную информацию о странице

предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера .

Структура Web-страницы

Моя первая страница

Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

Тег  является обязательным и должен непременно присутствовать в коде документа.

Структура Web-страницы

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

Форматирование текста на Web-странице

Размер шрифта заголовков задается парами тэгов от (самый крупный) до (самый мелкий).

• Заголовок первого уровня

• Заголовок второго уровня

• Заголовок третьего уровня

• Заголовок четвёртого уровня

• Заголовок пятого уровня

• Заголовок шестого уровня

Форматирование текста на Web-странице

Абзацы. Разделение текста на абзацы производится с помощью контейнера . При просмотре в браузере абзацы отделяются друг от друга интервалами.

Здесь могла быть ваша реклама!

.

Контрольные вопросы:

• Какие тэги (контейнеры) должны присутствовать в HTML-доку­менте обязательно? Какова логическая структура Web-страни­цы?
• В каком тэге содержится служебная информация о странице
• Какой тэг предназначен для вставки текста и заголовка?
• Какие редакторы используются для создания веб страниц?
• Как правильно сохранить веб документ?

Спасибо за внимание!