ОСНОВНЫЕ ПОНЯТИЯ HYPERTEXT MARKUP LANGUAGE (HTML)




Основные теги
<html></html> Указывает программе просмотра страниц что это HTML документ.
<head></head> Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body></body> Определяет видимую часть документа
Теги оглавления
<base href="www.?"> Указание браузеру от какого базового адреса все ссылки (кроме ссылок, явно прописанных полностью)
<base target="?"> Указание браузеру от какого базового окна, в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
<meta name="allow-search" content="?"> Указание для поисковых роботов, как следует сканировать данную страницу
<meta http-equiv="distribution" content="?"> Указание для поисковых роботов, относится ли данная страница к мировым
<meta name="robots" content="?"> Указание для поисковых роботов, как следует сканировать данную страницу
<meta name="author" content="?"> Указание автора странички
<meta name="keywords" content="?"> Описание содержащийся информации (для поисковых машин)
<meta http-eguive="content-type" content="text/plain;churset="?"> Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) Некоторые хостинги (в основном иностранные) автоматически перекодируют страницы, получаемые сервером в определенную кодировку. Поэтому уточняйте перед постановкой этого тега у поставщиков хостинга этот вопрос
<meta name="description" content="?"> Ключевые слова странички (для поисковых машин)
<title></title> Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа
<body bgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: 003639 - красный цвет
<body text="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет
<body link="?"> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет
<body vlink="?"> Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет
<body alink="?"> Устанавливает цвет гиперссылок при нажатии
Теги форматирования текста
<pre></pre> Обрамляет предварительно отформатированный текст
<h1></h1> Создает самый большой заголовок
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> Создает заголовоки промежуточных размеров
<h6></h6> Создает самый маленький заголовок
<b></b> Создает жирый текст (нерекомендованный)
<i></i> Создает наклонный текст (нерекомендованный)
<tt></tt> Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)
<kbd></kbd> Создает текст - имитирующий стиль печатной машинки. (рекомендованный)
<var></var> Название переменных отображается курсивом
<cite></cite> Выделение цитат курсивом
<address></address> Отображается курсивом в виде отдельного абзаца
<em></em> Наклонный текст (воспринимается посковыми роботами как выделение)
<strong></strong> Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)
<font size="?"></font> Устанавливает размер текста в пределах от 1 до 7
<font color="?"></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB
Гиперссылки
<a href="URL"></a> Создает гиперссылку на другие сайты
<atarget="?"></a> Указывает в каком окне открывать гиперссылку.
параметры Значение
_Blank Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_Parent Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_Self Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_Top Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
  При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, при этом страница откроется в указанной части окна

 

<a href="NAME"></a> Создает гиперссылку на другую страницу
<a href="mailto:EMAIL"></a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу
<a href="#name"></a> Создает гиперссылку на метку текущей страницы
<a name="name"></a> Отмечает часть текста, как метку для гипперссылок на странице
<a href="NAME#name"></a> Создает гиперссылку на метку другой страницы
Форматирование
<p></p> Создает новый параграф
<p align="?"></p> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
<nobr> Запрещает перевод строки
<wbr> Указывает, где разбивать строку для переноса при необходимости
<br> Вставляет перевод строки
<blockquote></blockquote> Создает отступы с обеих сторон текста
<dl></dl> Создает список определений
<dt> Определяет каждый из терминов списка
<dd> Описывает каждое определение
<ol></ol> Создает нумерованный список
<li> Определяет каждый элемент списка и присваивает номер
<ul></ul> Создает ненумерованный список
<li> Предваряет каждый элемент списка и добавляет кружок или квадратик
<div align="?"></div> Важный тег, используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
<img src="name"> Добавляет изображение в HTML документ
<img src="name" align="?"> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border="?"> Устанавливает толщину рамки вокруг изображения
<img src="name" vspase="?"> Устанавливает поля сверху и снизу
<img src="name" hspase="?"> Устанавливает поля с боков
<img src="name" alt="?"> Всплывающая подсказка при наведении на имедж
<hr> Добавляет в HTML документ горизонтальную линию.
<hr size="?"> Устанавливает высоту (толщину) линии
<hr width="?"> Устанавливает ширину линии, можно указать ширину в пикселах или процентах
<hr noshade> Создает линию без тени
<hr color="?"> Задает линии определенный цвет. Значение RRGGBB
Таблицы
<table></table> Создает таблицу
<tr></tr> Определяет строку в таблице
<td></td> Определяет отдельную ячейку в таблице
<th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
<caption></caption> Определяет подпись таблицы
Атрибуты таблицы
<table border="#"> Задает толщину рамки таблицы
<table cellspacing="#"> Задает расстояние между ячейками таблицы
<table cellpadding="#"> Задает расстояние между содержимым ячейки и ее рамкой
<table width="#"> Устанавливает ширину таблицы в пикселах или процентах от ширины документа
<table height="#"> Устанавливает высоту таблицы в пикселах или процентах от высоты документа
<tr align="?"> или <td align="?"> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right
<tr valign="?"> или <td valign="?"> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom
<td colspan="#"> Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan="#"> Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы
<td width="#"> Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину)
<td height="#"> Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту)
Фреймы
<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> Препятствует изменению размеров фрейма пользователем
Ифрейм и его атрибуты
<iframe></iframe> Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер
<iframe src="URL"> Определяет какой из HTML документов будет показан в ифрейме
<iframe name="name"> Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм
<iframe vspase="?"> Устанавливает поля сверху и снизу снаружи от ифрейма
<iframe hspase="?"> Устанавливает поля с боков снаружи от ифрейма
<iframe marginwidth="#"> Определяет величину отступов по левому и правому краям внутрь ифрейма; должно быть равно или больше 1
<iframe marginheight="#"> Определяет величину отступов по верхнему и нижнему краям внутрь ифрейма; должно быть равно или больше 1
<iframe scrolling=VALUE> Указывает будет ли выводиться линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto
<iframe width="#"> Определяет ширину ифрейма
<iframe height="#"> Определяет высоту ифрейма
<iframe title="?"> Текст всплывающей подсказки
Формы
<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"> Создает кнопку "Очистить"
Название Символ ASCII Имя
Табулятор   &#009;  
Перевод строки   &#010;  
Возврат каретки   &#013;  
Пробел   &#032;  
Восклицательный знак ! &#033;  
Кавычка " &#034; &quot;
Знак решетка # &#035;  
Доллар $ &#036;  
Процент % &#037;  
Амперсанд & &#038; &amp;
Апостроф ' &#039;  
Скобка левая круглая ( &#040;  
Скобка правая круглая ) &#041;  
Звездочка * &#042;  
Плюс + &#043;  
Запятая , &#044;  
Минус - &#045;  
Точка . &#046;  
Косой штрих / &#047;  
Цифры 0-9 &#048;-&#057;  
Двоеточие : &#058;  
Точка с запятой ; &#059;  
Меньше < &#060;  
Равно = &#061;  
Больше > &#062;  
Знак вопроса ? &#063;  
Знак обезьянка @ &#064;  
Прописные буквы A-Z &#065;-&#090;  
Скобка квадратная левая [ &#091;  
Косой штрих с наклоном вправо \ &#092;  
Скобка квадратная правая ] &#093;  
Степень ^ &#094;  
Знак подчеркивания _ &#095;  
Ударение ` &#096;  
Строчные буквы a-z &#097;-&#122;  
Фигурная скобка левая { &#123;  
Вертикальный штрих | &#124;  
Фигурная скобка правая } &#125;  
Тильда ~ &#126;  
Запятая &#130;  
Флорин ƒ &#131;  
Кавычка нижняя правая &;#132; &#132;  
Многоточие &#133;  
Крест &#134;  
Двойной крест &#135;  
Крышка ˆ &#136;  
Промилле &#137;  
параграф Š &#138;  
Символ меньше < &#139;  
Большое ОЕ Œ &#140;  
Одинарная кавычка слева &#145;  
Одинарная кавычка справа &#146;  
Кавычка слева &#147;  
Кавычка справа &#148;  
Крупная точка &#149;  
Короткий дефис &#150;  
Длинный дефис &#151;  
Тильда ˜ &#152;  
Торговый знак &#153; &reg;
  š &#154;  
Символ больше > &#155;  
Маленькое ое œ &#156;  
Большой Y-умлаут Ÿ &#159;  
Неразрывный пробел   &#160; &nbsp;
Перевернутый восклицательный знак ¡ &#161; &ixcl;
Цент ¢ &#162; &cent;
Фунт £ &#163; &pound;
Валюта ¤ &#164; &curren;
Иена ¥ &#165; &yen;
Прерванный штрих ¦ &#166; &brvbar;
Параграф/Раздел § &#167; &sect;
Точки умлаута ¨ &#168; &uml;
Копирайт © &#169; &copy;
Порядковое числительное женского рода ª &#170; &ordf;
Французская кавычка слева « &#171; &laquo;
Не/Нет   &#172; &not;
Разрыв в месте переноса - &#173; &shy;
Зарегистрированный торговый знак ® &#174; &reg;
Надчеркивание ¯ &#175; &macr;
Градус ° &#176; &deg;
Плюс-минус ± &#177; &plusmn;
Вторая степень ² &#178; &sup2;
Третья степень ³ &#179; &sup3;
Маленькое а с ударением ´ &#180; &acuate;
Мю µ &#181; &micro;
Параграф &#182; &para;
Средняя точка · &#183; &middot;
Цедиль ¸ &#184; &cedil;
Первая степень ¹ &#185; &sup1;
Порядковое числительное мужского рода º &#186; &ordm;
Французская кавычка справа » &#187; &raquo;
Дробь 1/4 ¼ &#188; &frac14;
Дробь 1/2 ½ &#189; &frac12;
Дробь 3/4 ¾ &#190; &frac34;
Перевернутый вопросительный знак ¿ &#191; &iquest;
Большая А с ударением À &#192; &Agrave;
Большая А с ударением Á &#193; &Aacute;
Большая А с крышкой Â &#194; &Acirc;
Большая А с тильдой Ã &#195; &Atilde;
Большая А-умлаут Ä &#196; &Auml;
Большая А с кружком Å &#197; &Aring;
Большое АЕ Æ &#198; &AElig;
Большая С цедил Ç &#199; &Ccedil;
Большая Е с ударением È &#200; &Egrave;
Большая Е с ударением É &#201; &Eacute;
Большая Е с крышкой Ê &#202; &Ecirc;
Большая Е-умлаут Ë &#203; &Euml;
Большая I с ударением Ì &#204; &Igrave;
Большая I c крышкой Î &#206; &Icirс;
Большая I-умлаут Ï &#207; &Iuml;

 




Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2022-11-01 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: