Курсовая работа: Язык HTML в программировании

Содержание

• Структура HTML-документов
• Web-страницы описываются на специальном языке, называемом HTML (HyperText Markup Language язык разметки гипертекстовой информации), который позволяет осуществлять простое форматирование текста, вставку графики, а также составление таблиц и цветовое оформление документов.
• Будучи подмножеством языка SGML, HTML имеет теговую структуру. Это означает, что в тексте встречаются команды, изменяющие интерпретацию информации.
• Теги записываются в угловых скобках и могут содержать дополнительные параметры. Большинство тегов располагается в виде ``скобок'' вокруг текста (как теги и вокруг слова ``курсивом'' в приведенном выше примере). Благодаря этому свойству, теги можно подразделить на открывающие и закрывающие. Не у всех тегов существуют соответствующие им закрывающие, такие теги иногда называют ``пустыми''(empty). Общую структуру открывающего тега можно записать так:
• Соответствующий закрывающий тег будет иметь вид
• Теги HTML
• Заглавные теги
• (соответственно, в конец документа, закрывающего тега
• , которая должна находиться в самом начале, то есть сразу после тега . Оформляется заголовок с помощью тега .
• BACKGROUND - позволяет задать фоновую картинку для документа. Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна программы просмотра.
• TEXT - задает цвет текста документа. Цвет задается так же как и для параметра BGCOLOR.
• LINK - задает цвет для текста и рамок изображений в активных зонах документа, содержащих ссылки (anchors).
• VLINK - (Visited LINKs color) задает цвет для ранее выбранных ссылок.
• ALINK - (Active LINKs color) задает цвет для ссылок в момент выбора.
• Форматирующие теги
• Для того чтобы вставить ``насильный'' перевод строки, необходимо воспользоваться тегом . Если вам необходимо сделать так, чтобы в определенном месте текст НЕ МОГ быть разорван, напишите в этом месте тег
• Для разбивки текста на параграфы используется тег ТЕКСТ Тег имеет один параметр ALIGN, указывающий на способ выравнивания текста внутри параграфа: текст может быть выровнен по правому (RIGHT), левому (LEFT) краям или отцентрирован (CENTER). Если параметр опущен, текст выравнивается по левому краю.
• Чтобы отцентрировать параграф можно также пользоваться тегом
• ...
• ,где параметры могут быть следующими: WIDTH - задает ширину линии
• SIZE - задает толщину линии.
• NOSHADE - если этот параметр задан, линия не будет иметь тени.
• Комментарии
• Комментарии заключаются между последовательностями .
• Заголовки
• Для их создания используются теги ...
• ...
• Шрифты
• Выделение курсивом осуществляется с помощью тега (от слова Italic), а жирным шрифтом -- с помощью тега (от слова Bold).
• В HTML есть также понятие emphasis - обобщенное выделение. Оформляется оно с помощью тега .... Такое выделение - средство описания логической структуры документа. Обычно выделенный таким способом текст отображается курсивом.
• Другим средством логического выделения можно считать тег ...
• Содержимое тега обычно отображается жирным шрифтом.
• Изменить размеры и цвет шрифтов можно с помощью тега ...
• Параметры могут быть следующими:
• SIZE=``value или value'' - задает абсолютный или относительный размер шрифта. Относительный размер задается по отношению к базовому размеру. Диапазон принимаемых значений от одного до семи.
• COLOR - указывает цвет для текста.
• FACE - расширение Microsoft Internet Explorer и Netscape Navigator. Позволяет задать гарнитуру (или список гарнитур, из имеющихся в системе шрифтов будет выбран наиболее подходящий) для текста.
• SIZE - задает размер шрифта.
• Списки
• Списки в HTML бывают трех типов: ненумерованные, нумерованные и так называемые списки терминов. Ненумерованный список оформляется с помощью блока
• элемент
• элемент
• Нумерованный список отличается от ненумерованного тем, что около пунктов вместо жирных точек вставляются порядковые номера пунктов. Оформляется он в виде блока
• элемент
• элемент
• Третим видом списка является список терминов. Он очень удобен для оформления всевозможных
• глоссариев. Оформить такой список можно с помощью
• блока
• Термин1Описание1
• Термин2Описание2
• Гипертекстовые ссылки
• Одной из самых мощных возможностей WWW является возможность организации гипертекстовых связей между документами.
• Чтобы оформить какой-либо элемент документа в качестве гипертекстовой ссылки, достаточно лишь заключить его внутрь тега (anchor). Полный синтаксис тега таков:
• где параметры могут быть следующими:
• HREF - обязательный параметр, определяет или URL или файл, на который мы ссылаемся. Если мы ссылаемся на файл, то поле HREF содержит имя файла в файловой системе Web-сервера.
• NAME - если этот параметр указан, то ссылка никуда не ссылается. Неочевидно, но в этом случае тег указывает именованную метку в документе, на которую потом можно будет сослаться используя символ # в параметре HREF.
• target - параметр, указывающий имя окна или рамки в которой будет отображен документ. Если окна или рамки с таким именем не существует, будет открыто новое окно.
• Верстка таблиц
• Таблицы являются мощнейшим средством HTML для верстки страниц. До появления в языке HTML средств верстки таблиц, нельзя было создать даже самый простой многоколончатый текст или сводную таблицу, то после появления такой возможности Web-дизайнеры стали использовать ее в полной мере и добиваться сложных эффектов.
• Создается таблица с помощью конструкции
• Заголовок
• ....
• Тег TABLE начинает описание таблицы и может иметь следующие параметры:
• BORDER - определяет толщину рамки таблицы. Если указано нулевое значение то рамка не отображается. Если этот параметр не указан, его значение считается нулевым (рамка не отображается).
• WIDTH, HEIGHT – указывает размеры таблицы, если они должны быть жестко заданы.
• ALIGN - определяет, как должна быть выровнена таблица: справа (RIGHT), слева (LEFT) или в центре (CENTER) страницы.
• CELLSPACING - число точек между отдельными ячейками в таблице.
• CELLPADDING - число точек между рамкой и содержимым ячейки.
• С помощью тега ... оформляются строки таблиц. Он может иметь следующие параметры:
• ALIGN - используется для задания способа горизонтального форматирования данных внутри ячеек: они могут прижиматься к правому (RIGHT), левому (LEFT) краям или центрироваться (CENTER).
• VALIGN - используется для задания способа вертикального форматирования данных внутри ячеек: они могут прижиматься к верхнему (TOP), нижнему (BOTTOM) краям, центрироваться (MIDDLE) или иметь общую базовую линию (BASELINE).
• Конкретные ячейки задаются с помощью тега ..., где параметры могут быть следующими:
• WIDTH - задает ширину ячейки.
• COLSPAN - определяет, сколько колонок таблицы ячейка будет перекрывать.
• ROWSPAN - определяет, сколько строк таблицы ячейка будет перекрывать.
• NOWRAP - если этот параметр указан, содержимое ячеек не будет переноситься, чтобы влезать в ширину ячейки.
• BGCOLOR - параметр, поддерживаемый современными браузерами: указывает цвет фона ячейки в виде RGB-триплета или символьного имени.
• Еще один тег для оформления ячеек таблиц - тег ... - нужен для задания заголовочных ячеек. Он во всем совпадает с тегом , но в отличие от него, содержимое выдается жирным шрифтом и центрируется.
• Если нужно задать заголовок ВСЕЙ таблицы, используйте тег .... Он должен быть внутри тега , но вне описания ячеек. Тег имеет один параметр:
• ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.
• Рамки (фреймы)
• Мощным визуальным средством являются так называемые рамки или фреймы (frames). С помощью рамок область отображения браузера может быть разделена на отдельные части, содержащие различные документы. При этом возможно задание связей между рамками так, что выбор ссылки в одной рамке может приводить к отображению запрошенного документа в другой. Это позволяет создавать очень удобные в использовании документы (при неправильном применении можно также создать и очень неудобные). Рамки на сегодняшний день поддерживаются в последних версиях таких браузеров, как Netscape Navigator (начиная с версии 2.0) и MS Internet Explorer (версии 3.0 и выше), но популярность применения рамок растет, и похоже, что вскоре к этим браузерам добавятся новые.
• Рамки описываются в специальном HTML-документе, называемом Документом Описания Рамок. Этот документ содержит описание числа, размеров и положения рамок, а также URL-и их содержимого. Нельзя пытаться вписать содержимое рамок в описание, оно должно находиться в отдельных документах.
• При описании рамок тег заменяется на тег
• описания содержимого рамок
• Тег будет игнорироваться браузером, если перед ним встретятся любые теги, в обычном случае встречающиеся внутри тега . Теги могут быть вложенными, что позволяет, как Читатель увидит далее, создавать очень сложные конструкции. Параметры тега могут быть следующими:
• ROWS=``x1,x2,... или x1%,x2%,... или x1*,x2*,...'' - этот параметр описывает рамки как строки различной высоты. Высоты рамок задаются списком разделенных запятыми значений. Высоты измеряются в точках, процентном отношении от общей высоты области отображения, либо как относительные величины. Сумма высот всех рамок должна быть равна высоте всей области отображения. Если этого не происходит, браузеры сами корректируют значения.
• COLS=``x1,x2,... или x1%,x2%,... или *'' - используется для описания рамок как столбцов различной ширины. Используется так же, как параметр ROWS.
• Примеры:
• задаст две горизонтальные рамки, причем первая (верхняя) будет в три раза выше второй (нижней).
• задаст три горизонтальные рамки, причем первая (верхняя) будет иметь высоту 100 точек, третья (нижняя) будет иметь высоту 50 точек, а вторая (средняя) займет все оставшееся пространство.
• задаст две вертикальные рамки, причем первая (левая) будет иметь ширину 70% общей ширины области отображения, а вторая (правая) -- 30%.
• Для задания содержимого рамки используется тег . Параметры могут быть следующими:
• SRC - указывает URL документа, который должен быть отображен в рамке. Если параметр не указан, рамка останется пустой.
• NAME - значение этого параметра определяет имя для рамки. Впоследствии по этому имени на рамку можно будет сослаться с помощью параметра TARGET тега .
• SCROLLING - показывает, можно ли проматывать содержимое документа в рамке. Может принимать следующие значения:
• YES - содержимое рамки МОЖЕТ проматываться.
• NO - содержимое рамки НЕ может проматываться.
• AUTO - браузер решает, отображать линейку прокрутки или нет (исходя из длины документа). Это значение иcпользуется по умолчанию.
• NORESIZE - если этот параметр указан, пользователь не сможет изменить размеры рамки. По умолчанию пользователь МОЖЕТ изменять размеры отображаемых рамок (например, таская границу рамки указательным устройством).
• MARGINWIPH - указывает на величину горизонтального отступа внутри рамки.
• MARGINHEIGHT - указывает на величину вертикального отступа внутри рамки.соответствует примерно следующей раскладке рамок в области отображения:
• Что же происходит, если браузер не понимает рамок? Пользователь видит абсолютно чистый экран и не может добраться до нужной ему информации. Как сделать так, чтобы такая ситуация не возникала? Разработчики расширений предусмотрели такую ситуацию и придумали тег, содержимое которого никогда не отображается в браузере, понимающем рамки, тогда как ``глупый'' браузер, увидя незнакомый тег, честно отобразит его содержимое без применения каких-либо хитростей. Такой тег называется
• Внутри него рекомендуется располагать ссылки на документы, не содержащие рамок.
• Для организации связей между рамками разработчики предусмотрели параметр TARGET для тега . Он также может применяться в тегах , и .
• Регистрация
• Информация о сайте
• Автомобиль какой японской марки вы предпочитаете?
• Регистрация
• Регистрация пользователей
• Автомобиль какой японской марки вы предпочитаете?
• Регистрация
• Фотографии
• Автомобиль какой японской марки вы предпочитаете?