понедельник, 10 октября 2011 г.

HTML

   HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
   Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах в стенах ''Европейского совета по ядерным исследованиям'' в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
    Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.

    HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. 
                                                                                   Кроме элементов, в HTML-документах есть и сущности (англ. entities) — «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN — код символа в Юникоде в десятичной системе счисления.
Например, &copy; — знак авторского права (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: &amp; — амперсанда (&), &lt; — символа «меньше» (<) и &gt; — символа «больше» (>), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.


Основные теги
<html></html> Указывает программе просмотра страниц что это HTML документ.
<head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body></body> Определяет видимую часть документа. 

Теги                 оглавления		             


               <title></title>               Помещает название                 документа в оглавление программы                 просмотра страниц             


               

             


               Атрибуты                 тела документа             


               <body bgcolor=?>               Устанавливает                 цвет фона документа, используя                 значение цвета в виде RRGGBB - пример:                 FF0000 - красный цвет.             


               <body text=?>               Устанавливает                 цвет текста документа, используя                 значение цвета в виде RRGGBB - пример:                 000000 - черный цвет.             


               <body link=?>               Устанавливает                 цвет гиперссылок, используя                 значение цвета в виде RRGGBB - пример:                 00FF00 - зеленый цвет.             


               <body vlink=?>               Устанавливает                 цвет гиперссылок на котох вы уже                 побывали, используя значение цвета                 в виде RRGGBB - пример: 333333 - серый цвет.             


               <body alink=?>               Устанавливает                 цвет гиперссылок при нажатии.             


               

             


                                
Теги для                 форматирования текста		             


               <pre></pre>               Обрамляет                 предварительно отформатированный                 текст.             


               <h1></h1>               Создает САМЫЙ                 БОЛЬШОЙ заголовок             


               <h6></h6>               Создает самый                 маленький заголовок             


               <b></b>               Создает жирый                 текст             


               <i></i>               Создает наклонный                 текст             


               <tt></tt>               Создает текст -                 имитирующий стиль печатной                 машинки.             


               <cite></cite>               Используется для                 цитат, обычно наклонный текст.             


               <em></em>               Используется для                 выделения из текста слова (наклонный                 или жирный текст)             


               <strong></strong>               Используется для                 выделения наиболее выжных частей                 текста (наклонный или жирный текст)             


               <font size=?></font>               Устанавливает                 размер текста в пределах от 1 до 7.             


               <font color=?></font>               Устанавливает                 цвет текста, используя значение                 цвета в виде RRGGBB.             


               

             


                                
 
Гиперссылки		             


               <a href="URL"></a>               Создает                 гиперссылку на другие документы                 или часть текущего документа.             


               <a href="mailto:EMAIL">

</a>		               Создает                 гиперссылку вызова почтовой                 программы для написания письма                 автору документа.             


               <a name="NAME"></a>               Отмечает часть                 текста как цель для гипперссылок в                 документе.             


               <a href="#NAME"></a>               Создает                 гиперссылку на часть текущего                 документа.             


               

             


                                
 
Форматирование                 

             


               <p>               Создает новый                 параграф             


               <p align=?>               Выравнивает                 параграф относительно одной из                 сторон документа, значения: left, right,                 или center             


               <br>               Вставляет перевод                 строки.             


               <blockquote>

</blockquote>		               Создает отступы с                 обеих сторон текста.             


               <dl></dl>               Создает список                 определений.             


               <dt>               Определяет каждый                 из терминов списка             


               <dd>               Описывает каждое                 определение             


               <ol></ol>               Создает                 нумерованный список             


               <li>               Определяет каждый                 элемент списка и присваивает номер             


               <ul></ul>               Создает                 ненумерованный список             


               <li>               Предваряет каждый                 элемент списка и добавляет кружок                 или квадратик.             


               <div align=?>               Важный тег                 используемый для форматирования                 больших блоков текста HTML документа,                 также используется в таблицах                 стилей             


               

             


                                
Графические                 элементы                 

             


               <img src="name">               Добавляет                 изображение в HTML документ             


               <img src="name"                 align=?>               Выравнивает                 изображение к одной из сторон                 документа, принимает значения: left,                 right, center; bottom, top, middle             


               <img src="name"                 border=?>               Устанавливает                 толщину рамки вокруг изображения             


               <hr>               Добавляет в HTML                 документ горизонтальную линию.             


               <hr size=?>               Устанавливает                 высоту(толщину) линии             


               <hr width=?>               Устанавливает                 ширину линии, можно указать ширину                 в пикселах или процентах.             


               <hr noshade>               Создает линию без                 тени.             


               <hr color=?>               Задает линии                 определенный цвет. Значение RRGGBB.             


               

             


                                
 
Таблицы                 

             


               <table></table>               Создает таблицу.             


               <tr></tr>               Определяет строку                 в таблице.             


               <td></td>               Определяет                 отдельную ячейку в таблице.             


               <th></th>               Определяет                 заголовок таблицы (нормальная                 ячейка с отцентрованным жирным                 текстом)             


               Атрибуты                 таблицы                 

             


               <table border=#>               Задает толщину                 рамки таблицы.             


               <table                 cellspacing=#>               Задает расстояние                 между ячейками таблицы.             


               <table                 cellpadding=#>               Задает расстояние                 между содержимым ячейки и ее                 рамкой.             


               <table width=#>               Устанавливает                 ширину таблицы в пикселах или                 процентах от ширины документа.             


               <tr align=?>                 или <td align=?>               Устанавливает                 выравнивание ячеек в таблице,                 принимает значения: left, center, или right.             


               <tr valign=?>                 или <td valign=?>               Устанавливает                 вертикальное выравнивание для                 ячеек таблицы, принимает значения :                 top, middle, или bottom.             


               <td colspan=#>               Указывает кол-во                 столбцев которое объединено в                 одной ячейке. (по умолчанию=1)             


               <td rowspan=#>               Указывает кол-во                 строк которое объединено в одной                 ячейке. (по умолчанию=1)             


               <td nowrap>               Не позволяет                 программе просмотра делать                 перевод строки в ячейке таблицы.             


               

             


               Кадры                 

             


               <frameset></frameset>               Предваряет тег <body>                 в документе, содержащем кадры;             


               <frameset                 rows="value,value">               Определяет строки                 в таблице кадров, высота которых                 определена кол-вом пикселов или в                 процентном соотношении к высоте                 таблицы кадров.             


               <frameset                 cols="value,value">               Определяет                 столбцы в таблице кадров, ширина                 которых определена кол-вом                 пикселов или в процентном                 соотношении к ширине таблицы                 кадров.             


               <frame>               Определяет                 единичный кадр или область в                 таблице кадров.             


               <noframes></noframes>               Определяет, что                 будет показано в окне браузера                 если он не поддерживает кадры.             


               

             


               Атрибуты                 кадров                 

             


               <frame src="URL">               Определяет какой                 из HTML документов будет показан в                 кадре.             


               <frame name="name">               Указывает Имя                 кадра или области, что позволяет                 перенаправлять информацию в этот                 кадр или область из других кадров.             


               <frame                 marginwidth=#>               Определяет                 величину отступов по левому и                 правому краям кадра; должно быть                 равно или больше 1.             


               <frame                 marginheight=#>               Определяет                 величину отступов по верхнему и                 нижнему краям кадра; должно быть                 равно или больше 1.             


               <frame                 scrolling=VALUE>               Указывает будет-ли                 выводится линейка прокрутки в                 кадре; значение value может быть "yes,"                 "no," или "auto". Значение по                 умолчанию для обычных документов -                 auto.                 

             


               <frame                 noresize>               Препятствует                 изменению размеров кадра.             


               

             


               Формы                 

             


               Для форм,                 выполняющих какие-то функции                 должны быть запущены                 соответствующие CGI скрипты на                 сервере. HTML только создает внешний                 интерфейс формы.





             


               <form></form>               Создает формы             


               <select                 multiple name="NAME" size=?></select>               Создает                 скролируемое меню. Size                 устанавливает кол-во пунктов меню,                 которое будет показано на экране,                 остальные будут доступны при                 использовании прокрутки.             


               <option>               Указывает каждый                 отдельный элемент меню             


               <select name="NAME"></select>               Создает                 ниспадающее меню                 

             


               <option>               Указывает каждый                 отдельный элемент меню             


               <textarea                 name="NAME" cols=40 rows=8></textarea>               Создает окно для                 ввода текста. Columns указывает ширину                 окна; rows указывает его высоту.             


               <input type="checkbox"                 name="NAME">               Создает checkbox. За                 тегом следует текст.             


               <input type="radio"                 name="NAME" value="x">               Создает radio кнопку.                 За тегом следует текст.             


               <input type=text                 name="foo" size=20>               Создает строку для                 ввода текста. Параметром Size                 указывается длина в символах.             


               <input type="submit"                 value="NAME">               Создает кнопку "Принять"             


               <input type="image"                 border=0 name="NAME" src="name.gif">               Создает кнопку "Принять"                 - для этого используется                 изображение             


               <input type="reset">               Создает кнопку "Отмена"












Автор:



на







































1 комментарий:































        

      









Подписаться на:
Комментарии к сообщению (Atom)