Структура html документа. вывод и форматирование текста. понятие гиперссылки.

НТМL (от англ. HyperText Markup Language – «язык разметки гипертекста») – стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML. Язык HTML интерпретируется браузером и отображается в виде документа в удобной для человека форме.

Язык HTML был разработан британским ученым Тимом Бернерсом-Ли приблизительнов 1989-1991 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией. С помощью HTML можно легко создавать относительно простой, но красиво оформленный документ. Позже были добавлены мультимедийные возможности.

Любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками – тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки
). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие- либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге.

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет. Элементы могут быть вложенными. Например, этот текст будет полужирным,а этот – еще и курсивным.

Кроме элементов, в HTML-документах есть и сущности – специальные символы. Сущности начинаются с символа амперсанда и имеют вид имя. Например, copy – знак авторского права. Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: amp –амперсанда, lt – символа «меньше» и gt – символа больше, которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

Каждый HTML- документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML . Если эта строка не указана, т добиться корректного отображения документа в браузере становится труднее. Далее обозначается начало и конец документа тегами и соответственно. Внутри этих тегов должны находиться теги заголовка и тела () документа.

Заголовок HTML-документа является необязательным элементом разметки. Элемент разметки TITLE служит для именования окна браузера, в котором просматривают документ. Состоит контейнер из тега начала, содержания и тега конца. Наличие тега конца обязательно. Тег начала элемента не имеет специфических атрибутов.

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

Также для выделения текста используются теги и , данные теги являются контейнерами и требуют закрывающегося тега. Тег сообщает браузеру, что на заключенном в нем тексте необходимо сделать сильное ударение. Обычно визуальные браузеры отображают содержимое данного тега полужирным шрифтом, но это может быть легко изменено с помощью таблицы стилей. Так как данный тег является структурным, он несет смысловую нагрузку, в отличие от тега , который лишь форматирует текст полужирным, то его использовать предпочтительней. Тег тоже акцентирует внимание на заключенном внутри тексте, но он считается менее сильным ударением. Отображается он, как правило, курсивом. По тем же причинам использовать предпочтительней, чем применение .

Еще одной парой тегов форматирования являются теги и . Первый выводит текст увеличенным по сравнению со стандартным, а второй уменьшенным. По поводу применения тега следует сделать одно замечание: на разных компьютерах установлено различное разрешение экрана и в браузере может быть установлен различный размер основного шрифта и сильное уменьшение текста может сделать текст не читаемым.

Другой парой полезных тегов являются — верхний индекс и — нижний индекс, которые могут быть полезными при написании математических и химических формул.

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

Понятие гиперссылки.Гиперссылка – часть гипертекстового документа, ссылающегося на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном диске или в компьютерной сети.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки.

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки , где «filename» — имя файла или адрес в Интернете, на который необходимо сослаться, а «Текст ссылки» — текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе.

HTML для начинающих — #6 — Ссылки


Похожие статьи.

Понравилась статья? Поделиться с друзьями: