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"></А> Таблицы: Рассмотрим следующий пример.
|
|