Изучить структуру HTML и основные тэги, научиться создавать свои документы в формате HTML

Работа добавлена: 2018-09-28






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

Изучение форматаHTML

Цель работы: изучить структуруHTML и основные тэги, научиться создавать свои документы в форматеHTML.

Практическая часть

Взять любой текстовый файл размером 2-3 страницы. Создать из негоHTML-файл, отформатированный следующим образом.

  1. Текст начинается с заглавия. Заглавие должно отображаться в заголовке окна браузера.
  2. Затем идет содержание из гиперссылок на нижеследующие абзацы.
  3. Далее идет текст, состоящий из абзацев (не менее трех).
  4. Каждый абзац начинается с заголовка. Заголовок выровнен по центру.
  5. Первый абзац написан курсивом и подчеркнут, выровнен по левому краю.
  6. Второй абзац написан полужирным шрифтом и подчеркнут, выровнен по правому краю.
  7. Третий абзац написан в обычном стиле, выровнен по ширине страницы.
  8. Текст должен содержать несколько таблиц, не менее чем 2х3 ячейки.
  9. Текст должен содержать несколько рисунков.
  10. В тексте должны встречаться ссылки на таблицы и рисунки.
  11. Должна быть прописана используемая кодировка для форматаHTML -“Windows-1251”.

Для выполнения работы используется текстовый редактор «Блокнот» и браузерMicrosoftInternetExplorer.

Полное описание форматаHTML изложено в прилагаемой документации «СпецификацияHTML 4.0». Типовая структураHTML-документа и список используемых в работе тэгов изложен в теоретической части.

Теоретическая часть

HTML

Язык разметки документов - это набор специальных инструкций, называемых тэгами, предназначенных для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры. Тэги языка, или, как их иногда называют, управляющие дескрипторы, в таких документах каким-то образом кодируются, выделяются относительно основного содержимого документа и служат в качестве инструкций для программы, производящей показ содержимого документа на стороне клиента. В самых первых системах для обозначения этих команд использовались символы “<” и “>”, внутри которых помещались названия инструкций и их параметры. Сейчас такой способ обозначения тэгов является стандартным.

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

Самый популярный на сегодняшний день язык гипертекстовой разметки – HTML, был создан специально для организации информации, распределенной в сети Интернет, и является одной из ключевых составляющих технологии WWW. С использованием гипертекстовой модели документа способ представления разнообразных информационных ресурсов в сети стал более упорядочен, а пользователи получили удобный механизм поиска и просмотра нужной информации.

СтруктураHTML-документа

<HTML>

<HEAD>

<META HTTP-EQUIV=Content-type CONTENT="text/html; charset=iso-8859-5">

<TITLE>Заголовок документа</TITLE>

</HEAD>

<BODY>  <! Тело документа  >

Первая строка документа <BR>

Вторая строка документа <BR>

Третья строка документа … <BR>

</BODY>

</HTML>

Комментарии

<!Это простой комментарий>

<!-- <B>Это комментарий, который может содержать тэги внутри себя <BR>

<I>Простой комментарий не содержит тэгов</I> </B>-->

Ссылки

<AHREF=”url”>Microsoft </A> - на другой документ

<AHREF=”#name”>local </A> - внутри этого же документа

Стили текста

<B> Жирный </B>

<I>Курсив </I>

<U> Подчеркнутый </U>

<H1></H1>…<H6></H6> - Заголовки абзацев

Параграфы и строки

<BR> - конец строки

<CENTER> - выравнивание по центру

<HR> - горизонтальная линия

<P> - конец абзаца

<DIVALIGN=”JUSTIFY”></DIV> - выравнивание блока

<TITLE>Заголовок документа</TITLE>

<IMG SRC=”pic.gif” WIDTH=100 HEIGHT=100 ALT=”альтернатива”> - отобразить рисунок

<PRE></PRE> - предварительно отформатированный текст

Таблица

<TABLE></TABLE> - тело таблицы

<TR></TR> - строка таблицы

<TD></TD> - ячейка таблицы




Возможно эти работы будут Вам интересны.

1. WEB-қосымшаларын өңдеудің технологиясы. Бүкіл дүниежүзілік өрмек. Web құжат. HTML элементтері. HTML тегі

2. Основные теги HTML

3. HTML туралы жалпы мәліметтер

4. Вставка изображений в HTML-страницы

5. Сайты с помощью блокнота и HTML

6. Язык разметки гипертекста HTML

7. Стилевое оформление HTML-документов с помощью CSS

8. Научиться определять характер среды в растворах различных солей. Изучить влияние различных факторов на гидролиз

9. Создать HTML-форму, в которой пользователь может ввести свое имя и пароль

10. Используя электропроводность растворов, научиться различать слабые и сильные электролиты; Научиться записывать уравнения реакций в ионной форме