Загрузка

RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

Главная » Основы HTML » Шпаргалка по HTML на русском языке

26.04.2016


23:20


8050


пока нет


Шпаргалка по HTML на русском языке

Шпаргалка по 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) - стиль элемента списка



Случайные записи:

  1. Создание дополнительных классов. Основы bootstrap 3 для начинающих. Урок №23
  2. Создание галереи изображений. Основы bootstrap3 для начинающих. Урок №26
  3. Блоки в CSS. Основы CSS для начинающих. Урок №13
  4. Таблицы. Основы bootstrap 3 для начинающих. Урок №13
  5. Знакомство с CSS. Основы CSS для начинающих. Урок №1

Последние записи рубрики:

  1. Бесплатный курс по основам HTML
  2. Создание простого мини сайта. Практика по пройдённому материалу
  3. Тесты HTML онлайн. Основы HTML для начинающих
  4. Как прописать мета теги. Основы HTML для начинающих. Урок №21

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Подписаться на обновления:

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

Мои цели на
2017 год:

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 104
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 245