42 Язык HTML. Структура HTML-документа. Основные тэги. Пример – создание списков и таблиц.

Основной объем информации, доступной в сети Интернет, размещается во «всемирной паутине» (WWW). Информация в ней представлена в виде связанных между собой документов, которые называются Web-страницами. Каждая Web-страница может содержать текст, рисунки, видео, звукозаписи и другие объекты. При подключении к WWW вы получаете равный доступ к сведениям, разбросанным по всему миру.

Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом:

<html>

  <head>

   ………………….

  </head>

  <body>

   …………………

  </body>

</html>

 

Основные тэги:

Описание тегов тела документа следует начать с тега ВОDY. В отличие от тега НEАD, тег ВОDY имеет атрибуты.

Атрибут BАСКGROUND определяет фон, на котором отображается текст документа. <ВОDY ВАСКGROUND="image.gif">

Заголовки

Заголовок обозначает начало раздела документа. В стандарте определено 6 уровней заголовков: от Н1 до Н6. Текст, окруженный тегами <Н1> Заголовок 1</Н1>, получается большим — это основной заголовок.

Тег <P> применяется для разделения текста на параграфы. Атрибут АLIGN позволяет выровнять текст по левому или правому краю, по центру или ширине.

Использование тега <ВR>  переход на новую строку 

Теги, управляющие формой отображения

Теги <ВIG> и <SMALL> — изменение размеров шрифта

Атрибут СОLОR

Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОR в теге FONТ, и тогда единственным ограничением будет цветовая палитра на компьютере пользователя.

Теги, управляющие формой отображения, приведены в таблице.

Создание списков в HTML

Неупорядоченные списки — тег <UL>

Ненумерованный список. Ненумерованный список предназначен для создания текста типа:

  • первый элемент списка;
  • второй элемент списка;
  • третий элемент списка.

Записывается данный список в виде последовательности:

<UL>

<LI>первый элемент списка

<LI>второй элемент списка

<LI>третий элемент списка

</UL>

 Упорядоченные списки — тег <OL>

Нумерованные списки. Тег <OL> вместе с атрибутом ТYРЕ= в HTML 3.2 позволяет создавать нумерованные списки, используя в качестве номеров не только обычные числа, но и строчные и прописные буквы, а также строчные и прописные римские цифры. При необходимости можно даже смешивать эти типы нумерации в одном списке:

<ОL ТYРЕ=l> Тег создает список с нумерацией

в формате 1., 2., 3., 4. и т.д.

<ОL ТYРЕ=А> Тег создает список с нумерацией

в формате А., В., С., D. и т.д.

<OL ТYРЕ=а> Тег создает список с нумерацией

в формате а., b., с., d. и т.д.

<ОL ТYРЕ=I> Тег создает список с нумерацией

в формате I., II., III., IV. и т.д.

Комментарии в языке HTML

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

Для записи гипертекстовой ссылки используется тег <А>, который называют "якорь" (аnchor). Якорь имеет несколько атрибутов, главным из которых является НREF. <А НREF="http://www.intuit.ru/index.htm">Отображаемое название гипертекстовой ссылки</А>,

Вставка графики:Пример вставки изображения:  

<IMG SRC="image.gif" ALT="ИЗОБРАЖЕНИЯ">  

Для обозначения изображения как гипертекстовой метки используется:

<А НREF="адрес файла или изображения"> <IMG SRC="image.gif"></А>

Таблицы:

Рассмотрим следующий пример.

Программа

<TABLE border=1>

  <TR>            <!-- Первая строка -->

    <TD>(1,1)</TD>     <!-- Первая ячейка -->

    <TD>(1,2)</TD>     <!-- Вторая ячейка -->

  </TR>

  <TR>            <!-- Вторая строка -->

    <TD>(2,1)</TD>     <!-- Первая ячейка -->

    <TD>(2,2)</TD>     <!-- Вторая ячейка -->

  </TR> </TABLE>

 

 

 
Конструктор сайтов - uCoz