StepkinBlog.ru
Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap
Главная » Основы HTML » Шпаргалка по HTML на русском языке
26.04.2016
23:20
17762
пока нет
Шпаргалка по HTML на русском языке
Всем привет!
Решил вам в помощь выложить шпаргалку по HTML на русском языке.
В свое время, когда я изучал основы HTML, шпаргалки писал себе в тетрадку. Вам же я решил упростить задачу и написал шпаргалку всех существующих тегов и атрибутов для HTML в электронном виде.
Сохраняйте шпаргалку себе, а если хотите, то даже на стене социальных сетей, и пользуйтесь.
| Тэг | Назначение тега | Атрибуты |
| A | ссылка | href="другой_документ.html" - путь к документу target=_blank - открывает ссылку в новом окне name="anchor1" - имя закладки title="Ваша подсказка" - подсказка к ссылке (текстовой) |
| AREA | определяет геометрические области внутри карты и ссылки для них | shape="rect" (circle, poly) - тип области coords="x1,y1,..." - координаты области alt="описание" - описание, подсказка href="document.html" - ссылка |
| B | выделение текста полужирным шрифтом | |
| BIG | выделение текста более крупным шрифтом, чем основной | |
| BODY | тело документа, обязательный тэг | text="#cc0000" - задает цвет текста всего документа bgcolor="#000000" - задает цвет фона документа background="картинка.jpg" - задает фоновую картинку link="#ff9999" - задает цвет ссылки alink="#ff9999" - задает цвет активной (нажатой) ссылки vlink="#ff9999" - задает цвет посещенной ссылки topmargin="0" - ширина верхнего и нижнего полей документа для IE leftmargin="0" - ширина левого и правого полей документа для IE marginheight="0" - ширина верхнего и нижнего полей документа для NN marginwidth="0" - ширина левого и правого полей документа для NN |
| BR | принудительный перенос текста на другую строку | |
| CENTER | центрирование текста и объектов | |
| DIV | выравнивание текста и объектов | align="center" - центрирование align="right" - выравнивание по правому краю документа align="left" - выравнивание по левому краю документа align="justify" - выравнивание по обоим краям документа |
| EMBED | внедрение объектов в документ | src="mult.swf" - указывает местоположение объекта type="application/x-shockwave-flash" - тип подгружаемого объекта width="500" - ширина объекта height="100" - высота объекта align="left" - выравнивание vspace="10" - расстояние от объекта до текста по вертикали hspace="30" - расстояние от объекта до текста по горизонтали hidden=”true” (false) - отображать указанный объект (да/нет) pluginspace=”http://…” - путь к плагину |
| FONT | управление шрифтами | color="#cc0000 - задает цвет для блока текста size="+0" - задает размер шрифта текста (от -2 до +4) face="Arial" - задает определенный тип шрифта |
| FRAME | определяет содержимое и вид одного фрейма | marginheight="0" - ширина верхнего и нижнего полей фрэйма marginwidth="0" - ширинау левого и правого полей фрэйма scrolling="yes" (no, auto) - линейка прокрутки name="window-1" - имя фрейма noresize - запретить посетителю менять размеры фреймов |
| FRAMESET | определяет макет основного окна в виде прямоугольных пространств | rows="100,200,*" - определяет расположение горизонтальных фреймов cols="10%,20%,70%" - определяет расположение вертикальных фреймов border - определяет ширину рамок фрэймов в пикселах |
| H | заголовки (H1, H2, H3, H4, H5, H6) | |
| HEAD | голова документа, обязательный тэг | |
| HR | линия | align="right" (center или left) width="30%" (ширина линии в процентах) size="6" (толщина линии) NoShade (отмена объемности) color="cc0000" (цвет линии, только в IE) |
| HTML | указывает на тип документа, обязательный тэг | |
| I | выделение текста курсивом | |
| IFRAME | "плавающий" фрейм | src="ancorpri.html" - путь к подгружаемому документу width="300" - вширина "плавающего" фрейма height="250" - высота "плавающего" фрейма scrolling="auto" (yes, no) - полоса прокрутки frameborder="1" (0) - отображать или нет границы фрейма |
| IMG | подгрузка изображений (картинок) | Border="5" - рамка покруг картинки width="500" - ширина картинки height="100" - высота картинки align="left" - расположение текста по отношению к картинке vspace="10" - расстояние от картинки до текста по вертикали hspace="30" - расстояние от картинки до текста по горизонтали alt="описание" - описание картинки usemap="#karta1" - ссылка на карту |
| LI | определяет элемент списка | |
| LINK | вводит в документ внешние таблицы стилей | href=”http://…” – пусть к файлу со стилями rel="stylesheet" – указывает, является ли подгружаемые таблицы стилей постоянными, предпочитаемыми или альтернативными. В нашем случае мы установили постоянные таблицы стилей для документа. type="text/css" – тип содержимого, подгружаемой информации. |
| MAP | определяет клиентскую навигационную карту | name="karta1" - имя карты |
| MARQUEE | бегущая строка текста | bgcolor - цвет фона бегущей строки height - высота строки width - ширина строки behavior="scroll" обычная прокрутка behavior="slide" - строка пробегает до края и останавливается behavior="alternate" - строка будет двигаться от края к краю scrollamount="1" (1-10) - скорость движения строки direction="left" (right, up, down) - движение влево (вправо, вверх, вниз) |
| OL | упорядоченные списки | type="I" (i, 1, a, A) - стиль элемента списка |
| OBJECT | общее внедрение объектов в документ | data="sobaka.jpg" - указывает местоположение данных для объекта type="image/jpeg" - тип содержимого для данных, указанных в data (тип объекта) |
| P | параграф, выравнивание текста и объектов | align="center" - центрирование align="right" - выравнивание по правому краю документа align="left" - выравнивание по левому краю документа align="justify" - выравнивание по обоим краям документа |
| PRE | форматированный текст | |
| S | перечеркнутый текст | |
| SCRIPT | внедрение скриптов в документ | type="text/javascript" - тип содержимого / язык скрипта src="http://site.ru/scipt/scipt.js" - путь к внедряемому скрипту |
| SMALL | выделение текста более мелким шрифтом, чем основной | |
| STRIKE | перечеркнутый текст | |
| STYLE | Подключение css | type="text/css" - тип содержимого |
| SUB | нижний индекс | |
| SUP | верхний индекс | |
| TABLE | таблица | bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки) background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина таблицы height="45" или height="45%"- высота таблицы cellspacing="5" - расстояние между ячейками cellpadding="5" - расстояние внутри ячеек border="3" - задает толщину рамки таблицы bordercolor="#000000" - задает цвет рамки таблицы |
| TD | ячейка данных таблицы | bgcolor="#FFCC33" - цвет фона background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина height="45" или height="45%"- высота align="center" (right, left) - горизонтальное выравнивание содержимого valign="middle" (top, bottom) - вертикальное выравнивание содержимого colspan="2" - растянуть ячейку на несколько стобцов rowspan="2" - растянуть ячейку на несколько рядов cellspacing="5" - расстояние между ячейками |
| TR | строка таблицы | bgcolor="#FFCC33" - цвет фона background="картинка.gif" - задает фоновый рисунок width="50" или width="50%"- ширина height="45" или height="45%"- высота |
| TITLE | заголовок документа | |
| TT | шрифт пишущей машинки (моноширинный) | |
| U | подчеркнутый текст | |
| UL | неупорядоченные списки | type="disk" (circle, square) - стиль элемента списка |