русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Тема: Текстовое оформление страниц


Дата додавання: 2014-11-28; переглядів: 1010.


Скласти список підручників для N-го курсу, вказавши назву, прізвище автора, рік видання , ціну, тираж, впорядкувати його по

прізвищу автора;

року видання;

ціні;

тиражі.

Скласти список кабінеті в технікумі для М-го поверху, вказавши назву кабінету, номер, кількість місць і впорядкувати його по

назві кабінету;

по номеру;

кількості місць.

 

Лабораторная работа №1

Тема: Текстовое оформление страниц

Цель работы:Знакомство с языком гипертекстовой разметки HTML. Изучение структуры HTML –документа и основных его элементов. Вставка изображений в html-страницы.

Автономные Web-документы используют язык HTML (HypertextMarkup Language - язык разметки гипертекста). Гипертекст, то есть расширенный текст, включает дополнительные элементы: иллюстрации, ссылки, вставные объекты. Под разметкой понимается использование специальных кодов, легко отделяемых от смыслового содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML.

HTML -документ - это файл, содержащий обыкновенный текст со специальными командами. Такой файл может быть подготовлен в произвольном текстовом редакторе (существуют, однако, специальные программы-конверторы и HTML-редакторы).

HTML -документ состоит из содержимого, то есть собственно полезной информации, и команд, задающих структуру.

Каждая команда (управляющая конструкция) HTML -документа (тег) должна заключаться в угловые скобки - вот так: <тег>. Чаще всего в документе встречаются парные теги (открывающий и соответствующий ему закрывающий), так как браузеру необходимо знать область действия тега. Существуют и одиночные теги, однако, используются они только там, где область действия очевидна и дополнительной информации не требуется (ясно, например, что если мы встретили тег "начало абзаца" (<Р>),то предыдущий абзац уже закончился). В сомнительном же случае лучше перестраховаться и поставить закрывающий парный тег, иначе документ может оказаться нечитаемым. Открывающий и закрывающий теги называются одинаково и отличаются друг от друга только символом "наклонная черта" или "слэш" - который ставится сразу после открывающей угловой скобки закрывающего тега. Закрытие парных тегов выполняется так, чтобы соблюдались правила вложения.

<В><l>На этот текст воздействуют два тега</l></В>

Кроме того, тег может включать атрибут, дающий дополнительную информацию браузеру. Например, при помощи атрибута можно попросить браузер изменить величину шрифта, ориентацию изображения по отношению к строке следующего за ним текста, поменять цвет фона документа и т. д. В парных тегах атрибуты добавляются только к открывающему тегу. Атрибуты представляют собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа ">". Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом "=" (знак равенства) и заключается в кавычки.

<H1 ALIGN=”LEFT”>

Язык HTML в большинстве случаев совершено равнодушен к регистру, в котором набираются теги. Скажем, браузеру совершенно все равно, наберете вы тег, служащий для рисования горизонтальной линии, как <HR>или <hr>- эффект будет один и тот же.

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

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

 

Пример 1: Структура HTML-документа

<HTML>

<HEAD>

<TITLE> Моя домашняя страница </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

1. Первый тег, который вы здесь видите, <HTML>,сообщает броузеру о том, что он имеет дело именно с документом в формате HTML. Тег <HTML>и парный ему закрывающий тег </HTML>можно считать как бы "конвертом", в который помещается весь документ.

2. HTML -документ состоит из заголовка, который задается при помощи тега <TITLE>,и тела документа, который определяется тегом <BODY>.В заголовке документа размещается служебная информация, комментарии автора и заголовок страницы, заключаемый в теги <TITLE>.Заголовок, вписанный между тегами <TITLE>,в основное текстовое поле браузеру не попадает, а, как правило, размещается в заголовке окна браузера.

3. HTML-документ - это просто текстовый файл с расширением *.htm(Unix-системы могут содержать файлы с расширением *.html).Большинство элементов языка HTML описывает части содержания документа и помещается между тегами <BODY>и </BODY>,то есть, внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста. Теперь можно сформулировать правила вложения элементов.

• Элементы не должны пересекаться. Другими словами, если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.

• Блочные элементы могут содержать вложенные блочные и текстовые элементы.

• Текстовые элементы могут содержать вложенные текстовые элементы.

• Текстовые элементы не могут содержать вложенные блочные элементы.

4. Строго говоря, все правила языка HTML можно рассматривать исключительно как "пожелания". Средство, используемое для отображения Web-документа, сделает все возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.

Пример 2: Функциональные блочные элементы

<h1>Заголовок</h1>

<p>Первый абзац

<p>Второй абзац

<h2>Заголовок второго уровня</h2>

5. В большинстве документов основными функциональными элементами являются заголовки и абзацы. Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов от <Н1>до <Н6>.При отображении Web-документа на экране компьютера эти элементы показываются при помощи шрифтов разного размера.

6. Обычные абзацы задаются с помощью парного тега <Р>.Язык HTML не содержит средств для создания абзацного отступа ("красной строки"), поэтому при отображении на экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </Р>рассматривается как необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа.

 


<== попередня лекція | наступна лекція ==>
Лабораторна робота № 12 | ТЕОРЕТИЧНІ ВІДОМОСТІ


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн