Опубликован: 11.08.2008 | Доступ: свободный | Студентов: 8955 / 1501 | Оценка: 4.20 / 3.78 | Длительность: 25:00:00
ISBN: 978-5-94774-884-0
Лекция 16:

World Wide Web (WWW) — Всемирная паутина

Теги форматирования текста

Следующие теги используют для того, чтобы указать формат текста:

  • <B> и </B>. Текст между этими тегами должен быть полужирным.
  • <I> и </I>. Текст между этими тегами должен быть курсивом.
  • <U> и </U>. Текст между этими тегами должен быть подчеркнутым.
  • <SUB> и </SUB>. Текст между этими тегами должен быть нижним индексом.
  • <SUP> и </SUP>. Текст между этими тегами должен быть верхним индексом.

Теги потока данных

Следующие теги используются для управления потоком данных:

  • <BR> Этот тег вставляется при прерывании строки в тексте.
  • <CENTER>> и </CENTER>. Текст между этими тегами должен быть сплошным.

Теги списков

Следующие теги используются для создания списка единиц передачи:

  • <UL> и </UL>. Часто необходимо создать список рубрик. HTML имеет механизм для того, чтобы создать последовательно типы списков. Простейший — это неупорядоченный список, в котором рубрики перечислены одна за другой в произвольном порядке. Чтобы создать список, используют тег <UL> в начале и тег </UL> ) в конце списка. Каждому перечислению может предшествовать тег <LI>.
  • <OL> и </OL>. Этот тег похож на <UL> и </UL>, за исключением того, что рубрика в списке нумеруется.
  • <LI> и </LI>. Эти теги определяют список рубрик. В конце обычно тег пропускается.

Теги изображения

Следующие теги используются, чтобы вставить рисунок в документ:

  • <IMG>. Нетекстовая информация, такая как цифровое фото или графические изображения, не является физической частью HTML-документа. Но мы можем использовать теги изображения в любой точке файла, чтобы добавить фото и изображения. Тег изображения определяет адрес изображения, чтобы изображение могло быть найдено. Также определяется, как изображение может быть вставлено после нахождения. Далее показан формат тега изображения. Мы можем выбрать из числа нескольких атрибутов. Наиболее общий — SRC (источник), который определяет источник (адрес), и ALIGN, который определяет принцип регулирования изображения. Большинство браузеров принимает изображение в GIF и JPEG-форматах.

<IMG SRC= "........" ALIGN= <........>

Для примера: следующий тег может быть восстановлен, изображение накапливается как "image1.gif" в директории /bin/image:

<IMG SRC="/bin/image/image1.gif" ALIGN=<MIDDLE>

Теги гиперссылки

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

  • <A.......> и </A>. Язык гипертекстовой разметки необходим для связывания документов между собой. Любая рубрика (слово, фраза, параграф или изображение) может быть направлена к другому документу. Механизм, названный "закрепление" (anchor), делающий эту работу, определяется тегами <A…….> и </A>, и закрепление рубрик используется URL для ссылки на другие документы. Когда документ отражается на дисплее, элементы закрепления подчеркиваются, мигают или выделяются жирным шрифтом. Пользователь может "щелкнуть" указателем закрепленный элемент, чтобы перейти на другой документ, который может или не может быть накоплен на том же самом сервере как исходный документ.

Далее показан формат метки закрепления. Фраза, содержащая ссылку, вставлена между начальным и конечным тегом. Начальный тег может иметь несколько атрибутов, но один требуется обязательно — HREF (гиперссылка), которая определяет адрес (URL) подключаемого документа.

<A HREF ="........"> Ref-Phrase </A>

Например, для того, чтобы присоединить данные автора книги, мы можем

<A HREF ="http:www.universitet/telecom"> Author </A>

В тексте появляется слово "Author", с помощью которого пользователь может запросить переход к веб-странице автора.

Теги выполняемого содержания

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

  • <APPLET CODE> и </APLET>. Эти теги определяют документ как апплет, т. е. маленькую программу. Несколько атрибутов могут быть использованы с тегами апплет; мы показываем только самые обычные.
<APPLET CODE>=……HEIGHT=….WIDTH=…..>
...................
...................
...................
</APPLET>

Примеры

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

Пример 1

Этот простой пример показывает, как теги структуры используют для частей HTML-документа.

Первая HTML-программа
<HTML>
	<HEAD>
		<TITLE>
			Первый образец документа
		</TITLE>
	</HEAD>
	<BODY>
		Рад сообщить Вам, что........
		..............
		..............
	</BODY>
</HTML>

<HTML>
	<HEAD>
		<TITLE>
			Второй образец документа
		</TITLE>
	</HEAD>
	<BODY>
		<CENTER>
		<H1>B> Особенности книги H1> B>
		</CENTER>

		Книга имеет небольшой формат........
		<UL>
		<LI> Письмо издателю
		<LI> Форма заказа в режиме on-line
		<LI> Форма заказ в книжном магазине
		</UL>
	</BODY>
</HTML>
Пример 2

Этот пример показывает, как теги используют для того, чтобы позволить браузеру форматировать текст.

Вторая HTML-программа
<HTML>
	<HEAD>
		<TITLE> Список книг </TITLE>
	</HEAD>
	<BODY>
		<CENTER>
		<H1><B> ВНИМАНИЕ </B></H1>
		</CENTER>
		Список действителен по 1 февраля 2008 года:
		<UL> Каналы сети связи
		<LI> Цифровые преобразователи
		<LI> Электропитающие устройства
		</UL>
	</BODY>
</HTML>
Пример 3

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

Третья HTML-программа
<HTML>
	<HEAD>
		<TITLE>
			Третий образец документа
		</TITLE>
	</HEAD>
	<BODY>
		Это рисунки к этой книге
		<IMG SRC= "picture/book1.jpg" ALIGN=MIDDLE>>
	</BODY>
</HTML>
Пример 4

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

Четвертая HTML-программа
<HTML>
	<HEAD>
		<TITLE>
			Четвертый образец документа
		</TITLE>
	</HEAD>
	<BODY>
		Если возникнут вопросы, можно обратится к автору.
		<HREF=http:www.Berlin @univer.com">
		Берлин </A>
	</BODY>
</HTML>
Наталья Шульга
Наталья Шульга

Курс "информационная безопасность" .

Можно ли на него записаться на ПЕРЕПОДГОТОВКУ по данному курсу? Выдается ли диплом в бумажном варианте и высылается ли он по почте?

Мария Архипова
Мария Архипова