Полезное в сети

Всегда в теме

Статистика


Яндекс.Метрика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Рекомендуем



Главная » Статьи » Образовательные » Программирование

Интернет-программирование
Модуль 1. Общие сведения о языке HTML

HTML - HYPER TEXT MARKUP LANGUAGE, т.е. ссылочный язык гипертекстов. 
Язык HTML представляет собой набор тэгов (tag) и содержимого. Тэги всегда образуют пары, заключенные в угловые скобки. Они сообщают браузеру что необходимо сделать с содержимым, расположенным между тэгами. Два тэга, открывающий и закрывающий, и часть текста, выделенная ими, образуют блок, который называется HTML-элементом. 

Пример: 
<HTML> 
<HEAD> 
<TITLE> Название 
</HEAD> 
<BODY bgcolor=cyan background="1.bmp"> 
<H1>1 строка</H1> 
<H2>2 строка</H2> 
… 
… 
<H6>6 строка</H6> 
</BODY> 
</HTML>


Основные тэги:
  1. <A> - устанавливает гиперсвязь и якорь для гиперсвязи, т.е. определяет какое слово или предложение в тексте html-документа будет обеспечивать связь с ресурсом, например с файлом html. 

    Пример: 
    <A HREF="http://www.yandex.ru/index.html">Поисковая система Яндекс</A>
     

  2. <ADDRESS> - служит для предоставления контактной информации об авторе данного html-документа. При выводе на экран текст будет выделен специальным шрифтом и курсивом. 

    Пример: 
    <ADDRESS>chemisk@mail.ru</ADDRESS>
     

  3. <APPLET> - предназначен для вставки java-апплетов в документ html. Если браузер поддерживает java-апплеты, то он может запустись аплет на исполнение. В противном случае будет показано содержимое текста апплета. 
  4. <AREA> - определяет область, реагирующую на нажатие кнопки мыши. Данный тэг является элементом тэга <MAP>, который в свою очередь является элементом тэга <IMG>. 

    Пример: 
    <AREA HREF="URL" COORDS="x1, y1, x2, y2">
     

    Область может иметь различную форму, определяемую атрибутами тэга. По умолчанию форма области - прямоугольная. 
    Возможные атрибуты тэга <AREA>: 

    Имя атрибутаВозможные значенияОписаниеПримечание
    ALTСтроковые значенияТекстовое описание области, отображаемое при наведении курсора мыши на область-
    COORDSСтроковые значения в форме, определяемой аттрибутом SHAPEОпределяет координаты областиОбязателен; может опускаться только в случае использованного по умолчанию прямоугольника
    HREF"URL" (адрес)Указывает адрес связанного документаОбязателен
    NOHREFNOHREFОзначает, что в данный момент область не работаетТекстовое описание области (если оно указано) будет отображаться и в этом случае
    SHAPERECT, CIRCLE, POLYФорма областиПо умолчанию имеет значение RECT

  5. <B> - указывает что содержимое тэга нужно выделить полужирным шрифтом. 
  6. <BASE> - задает базовый URL для всех URL в html-документе. 

    Пример: 
    <BASE HREF="http://www.myhome.ru/index.html"> 
    <A HREF="images/myfoto.jpg">Фотография</A>
     

  7. <BASEFONT> - задает размер базового (основного) шрифта, применяемого к обычному тексту (не к заголовкам). 

    Пример: 
    <BASEFONT SIZE=n>, где n=1..7
     

  8. <BLOCKQUOTE> - предназначен для вставки длинных цитат. Отображается как отдельный абзац; часто с отступом и курсивным шрифтом (или выделенным другим способом). 
  9. <BODY> - определяет тело html-документа. Документ html всегда состоит из заголовка и тела. 
    Возможные атрибуты тэга <BODY>: 

    Имя атрибутаВозможные значенияОписание
    ALINKИмя цвета или его цифровое значение в 16-ой записиУстанавливает цвет для активной гипертекстовой связи (выделяет связь данным цветом в момент, когда пользователь нажал на нее)
    BACKGROUNDURLОпределяет адрес, где записан цвет фона и устанавливает данный цвет для фона текущей странички
    BGCOLORИмя цветаУстанавливает цвет фона всего документа
    LINKИмя цветаУстанавливает цвет для невостребованной гипертекстовой связи
    TEXTИмя цветаОсновной цвет для всего текста в html документе
    VLINKИмя цветаУстанавливает цвет для востребованной гипертекстовой связи

  10. <BR> - применяется для принудительного перевода строки (но не абзаца). 
  11. <CAPTION> - предназначен для выделения заголовка таблицы. Помещается выше или ниже таблицы. Атрибут ALIGN (выравнивание) может принимать значения top или bottom. По умолчанию, top (сверху). 
  12. <CENTER> - предназначен для выравнивания по центру части документа. 
  13. <CITE> - применяется для отображения ссылок на какие-либо источники (например, на название книги). Ссылка обычно отображается курсивом. 

    Пример: 
    Этот текст взят из журнала 
    <CITE>КомпьютерПресс</CITE>
     

  14. <CODE> - предназначен для отображения кода программы. Выводит текст моноширинным шрифтом, т.е. размер букв по вертикали и горизонтали одинаков. 
  15. <DFN> - предназначен для выделения текста (например, курсивом). Многие браузеры не поддерживают <DFN>. 
  16. <DIV> - применяется для разделения документа на части и применения к этим частям различных способов выравнивания. Атрибут ALIGN может принимать значения left, right или center. 
  17. <EM> - предназначен для выделения текста подчеркиванием. 
  18. <FONT> - позволяет определить размер и цвет шрифта. 

    Пример: 
    <FONT SIZE=n COLOR=#ff00ff>Текст</FONT>
     

    Где атрибут SIZE определяет размер шрифта и может принимать значения от 1 до 7 или целое число со знаком (например, -2, +4). Число со знаком будет добавлено к текущему, базовому размеру шрифта, установленному тэгом <BASEFONT>. 
  19. <H1>…<H6> - определяют заголовки различной степени важности. Данные тэги поддерживают использование атрибута выравнивания ALIGN. 
  20. <HEAD> - устанавливает заголовок документа. Использование данного тэга никак не отображается визуально в окне браузера. 
  21. <HR> - предназначен для разбивки текста по разделам html-документа. Представлен в виде горизонтальной черты во всю ширину экрана. 
  22. <HTML> - является необязательным тэгом и никак не влияет на отображение документа. Может иметь атрибут VERSION строкового типа, который содержит информацию о версии html. 
  23. <I> - предназначен для выделения текста курсивом. 
  24. <IMG> - служит для включения графического изображения в документ. 

    Пример: 
    <IMG SRC="URL" ALT="текст">
     

    Возможные атрибуты тэга <IMG>: 

    Имя атрибутаВозможные значенияОписаниеПримечание
    ALIGNTOP, BOTTOM, MIDDLE, LEFT, RIGHTПредназначен для позиционирования изображения относительно текущей текстовой строкиПо умолчанию BOTTOM
    ALTСтроковые значенияАльтернативное текстовое описание изображения, которое будет отображаться в случае, когда браузер не может показать изображение-
    BORDERЦелое числоШирина бордюра (рамки) изображения в пикселяхДля отключения рамки используется BORDER=0
    HEIGHTЦелое числоВысота изображения в пикселях-
    HSPACEЦелое числоШирина незаполненного пространства непосредственно слева и справа от изображения в пикселях-
    ISMAPISMAPПоказывает, что изображение является картой образа, реагирующей на нажатие кнопки мышиКогда пользователь щелкает мышкой на изображении этот атрибут обеспечивает передачу координат курсора
    SRC"URL"Адрес изображенияОбязателен
    USEMAP"URL"Фрагмент идентификатора для сайта клиента с картой образа-
    VSPACEЦелое числоВысота незаполненного пространства выше и ниже изображения в пикселях-
    WIDTHЦелое числоШирина изображения в пикселях-

  25. <MAP> - используется как реагирующая на нажатие клавиши карта. Элемент MAP имеет имя, ссылка на которое может быть передана элементу IMG и содержит элементы AREA, которые определяют "горячие" зоны на связанном изображении и связывают их с URL. 

    Пример 1: 
    <MAP> 
    AREA элемент 
    </MAP>
     

    Имеет единственно-возможный атрибут NAME строкового типа, который определяет имя карты. 

    Пример 2: 
    <IMG SRC="navbar.gif" BORDER=0 USEMAP="#mymap"> 
    <MAP NAME="mymap" 
    <AREA HREF="help.html" ALT="Страница помощи" 
    SHAPE=RECT COORDS="0, 0, 118, 28"> 
    SHAPE=RECT COORDS="184, 0, 276, 28"> 
    <AREA HREF="images.html" ALT="Картинки" 
    SHAPE=RECT COORDS="118, 0, 184, 28"> 
    <AREA HREF="mybio.html" ALT="Моя биография" 
    SHAPE=RECT COORDS="276, 0, 373, 28"> 
    </MAP>
     

  26. <MENU> - предназначен для представления информации в виде меню. Многие браузеры представляют меню просто в виде нумерованного списка. 

    Пример: 
    <MENU> 
    <LI> 1-й элемент 
    <LI> 2-й элемент 
    </MENU>
     

    Имеет единственно-возможный атрибут COMPACT. При его использовании будут сокращены промежутки между элементами меню (списка). 
  27. <OL> - применяется в виде упорядоченного нумерованного списка. 

    Пример: 
    <OL> 
    <LI> 1-й элемент 
    <LI> 2-й элемент 
    </OL>
     

    Возможные атрибуты тэга: <OL> 

    Имя атрибутаВозможные значенияОписаниеПримечание
    COMPACTCOMPACTПрименяется для уменьшения расстояния между элементами списка-
    STARTЦелое числоЗадает начальную цифру последовательностиПо умолчанию имеет значение 1
    TYPE1, a, A, i, IЗадает стиль нумерацииЧувствителен к регистру

  28. <P> - применяется для представления обычного текстового абзаца. Выглядит как пустая строка, вставленная после текста, и отделяющая один абзац от другого. 

    Пример: 
    <P> абзац текста </P>
     

    Имеет единственно-возможный атрибут ALIGN для выравнивания абзаца по левому (LEFT), правому (RIGHT) краям или по центру (CENTER). 
  29. <PRE> - служит для представления в окне браузера предварительно отформатированного текста (с использованием нескольких подряд идущих пробелов и переводов строк). Текст отображается шрифтом одного размера, т.е. шрифтом типа телетайпного, в котором все символы оного и того же размера по горизонтали. Использование пробелов и переводов строк точно соответствует содержимому в пределах элемента PRE. 
  30. <SMALL> - применяется для представления текста маленьким шрифтом (для обозначения текста меньшей важности). 
  31. <STRIKE>- служит для представления перечеркнутого текста. 
  32. <STRONG> - используется для сильного выделения текста полужирным шрифтом. 
  33. <SUB> - используется для отображения подстрочных знаков, часто применяющихся для индексирования переменных. Отображается немного ниже уровня обычного текста и меньшим шрифтом. 
  34. <SUP> - предназначен для отображения надстрочных знаков, часто применяющихся для показателей степеней. Отображается немного выше уровня обычного текста и меньшим шрифтом. 
  35. <TITLE>- используется для задания внешнего заголовка документа. Данный заголовок может отображаться в окне заголовка программы просмотра, в списке результатов поиска, возвращаемом поисковым сервером, в списке истории и т.д. 
  36. <U>- применяется для подчеркивания текста. 
  37. <UL> - применяется для представления информации в форме списка без нумерации элементов. 

    Пример: 
    <UL> 
    <LI> 1-й элемент 
    <LI> 2-й элемент 
    </UL>
     

  38. Звуковоспроизведение 

    Пример: 
    <EMBED SRC="1.mid" width="140" height="50" align="middle" border="0" autostart=TRUE>
Категория: Программирование | Добавил: Admin (24.07.2012)
Просмотров: 1913 | Теги: интернет, программирование | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск

Вход

Гость
  • Вход
  • Регистрация
  • Читаемое

    Заходи не жди