ЛАБОРАТОРНАЯ РАБОТА № 3
Тема: Создание частной веб-страницы с помощью HTML (Блокнот)
Цель: знакомство с командами HTML и создание приватного сайта.
Язык гипертекстовой разметки (HTML) - это стандартный язык разметки для создания веб-страниц и веб-приложений. Благодаря каскадным таблицам стилей (CSS) и JavaScript он формирует триаду краеугольных технологий для всемирной паутины.
Веб-браузеры получают HTML-документы с веб-сервера или из локального хранилища и преобразуют их в мультимедийные веб-страницы. HTML описывает структуру веб-страницы семантически и изначально включает подсказки для внешнего вида документа.
Элементы HTML - это строительные блоки HTML-страниц. С помощью конструкций HTML изображения и другие объекты, такие как интерактивные формы, могут быть встроены в отображаемую страницу. Он предоставляет средства для создания структурированных документов путем обозначения структурной семантики для текста, такого как заголовки, абзацы, списки, ссылки, цитаты и другие элементы. HTML-элементы выделяются тегами, записанными с использованием угловых скобок. Такие теги, как и , напрямую вводят контент на страницу. Другие, такие как
...
, окружают и предоставляют информацию о тексте документа и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
HTML может встраивать программы, написанные на языке сценариев, таком как JavaScript, которые влияют на поведение и содержимое веб-страниц. Включение CSS определяет внешний вид и компоновку контента. Консорциум World Wide Web (W3C), поддерживающий стандарты HTML и CSS, с 1997 года поощряет использование CSS вместо явного презентационного HTML.
Структура HTML-документа
HTML-документ состоит из двух основных частей: головы и тела. Но сначала каждый документ HTML должен начинаться с объявления, что это документ HTML.
Эти теги имеют вид:
Должен появиться в начале вашего документа.
Должен появиться в конце вашего документа.
HTML-теги
Это заставляет нас больше говорить о тегах [X] HTML. Все теги (или элементы) форматирования имеют общий вид:
Включает последовательность тегов. Например, чтобы выделить текст жирным шрифтом, добавьте в начало текста.
Отключает последовательность тегов. Теги tag_on и tag_off одинаковы, за исключением того, что перед тегом off стоит символ /. Например, чтобы отключить выделение жирным шрифтом, добавьте последовательность символов в конец текста, которому должен быть присвоен атрибут выделения жирным шрифтом.
Заголовок HTML-документа
ЗАГОЛОВОК HTML-документа - это место, где может быть размещена информация (которая может игнорироваться некоторыми веб-браузерами), например заголовок документа. Есть несколько элементов, на которые можно ссылаться в HEAD документа, но мы сконцентрируемся на заголовке документа. (Заголовок документа отображается как заголовок окна просмотра в таких браузерах, как Internet Explorer и Netscape.)
Область, связанная с HEAD документа, должна быть объявлена с помощью следующих тегов HTML:
Должен появиться после любого текста HEADer.
Типичная запись в ЗАГОЛОВКЕ документа:
< title >
Наименование документа
Тело HTML-документа
ТЕЛО HTML-документа - это то место, где должна отображаться вся информация, которую вы хотите просмотреть. Текст должен быть тщательно размечен, абзацы должны начинаться с маркера
, а конец каждого абзаца должен быть четко обозначен с помощью тега HTML
.
Веб-браузеры, вообще говоря, очень надежны. То есть они всегда будут отображать некоторую презентацию текста - пусть даже неправильную или непреднамеренную. Если основной текст не содержит разрывов абзаца, текст будет рассматриваться как один длинный абзац! (Посмотрите, как выглядит текстовый файл ASCII example.txt, если он сохранен как example.html.)
Область, связанная с ТЕЛОМ документа, должна быть объявлена с помощью следующих HTML-тегов: