Справочник тегов HTML

названия теговкраткое описание тегов
<a>Предназначен для создания ссылок (гипертекста).
Атрибуты:
name - Присваивает имя элементу.
href - Присваивает адрес ресурса, к которому ведет ссылка.
для создания ссылки вызова почтовой программы href="mailto:e-mail"
title- Всплывающая подсказка

Синтаксис:
<a href="page.html" title="описание">открыть страницу</a>
<a href="http://www.site.ru" >ссылка на сайт</a>
<a href="mailto:e-mail@.ru">открыть почтовую программу</a>
<a name="razdel">присвоить имя</a>
<a href="#razdel">перейти к закладке</a>

Читать о теге подробно в учебнике HTML

<abbr>Выделяет в тексте аббревиатуру. Обычно подчеркивается пунктирной линией.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<abbr title="Ваше описание">HTML</abbr>

<acronym>Выделяет в тексте акроним. Обычно подчеркивается пунктирной линией.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<acronym title="Ваше описание">Генштаб</acronym>

<address>Указывает автора документа и его адрес. Обычно отображается курсивом.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<address title="Ваше описание">Иванов Иван Иванович</address>

<area>Определяет области карты-изображения которые являются ссылками на тот или иной документ. располагается внутри тега <map>
Атрибуты:
alt - альтернативный текст для области изображения
title- всплывающая подсказка
href - указывает путь к открываемому документу
shape - форма области рисунка которая будет служить ссылкой. Может иметь одно из трёх значений:
  • rect - прямоугольная область
  • poly - область представляет собой некий многоугольник
  • circle - область заданная окружностью

coords - координаты области
nohref - область без ссылки на другой документ
target - указывает в каком окне следует открывать документ.

  • _blank - открыть в новом окне
  • _self - открыть в текущем окне (по умолчанию)
  • _parent - открыть документ в фрейме-родителе, если фреймов нет, то работает как _self.
  • _top - отменяет фреймы и загружает документ в полном окне браузера, если фреймов нет, то как _self.

Синтаксис:
<img src="karta.jpg" usemap="#panel" width="300" height="100" border="0">
<map name="panel">
<area href="primer.html" shape="rect" coords="15,15,80,80" alt="описание" title="описание" target="_blank">
</map>

не требует закрывающего тега

Читать о теге подробно в учебнике HTML

<b>Делает текст полужирным. Аналогичен тегу <strong>
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<b title="Ваше описание">этот текст будет полужирным</b>

Читать о теге подробно в учебнике HTML

<bdo>Определяет направление вывода текста. Основное предназначение работа с текстами языковых групп, где чтение происходит справа - налево.
Атрибуты:
dir - Направление
  • ltr Слева - направо (по умолчанию)
  • rtl справа - налево

title- Всплывающая подсказка

Синтаксис:

<bdo dir="rtl" title="Ваше описание">Упер казак репу</bdo>

<bgsound>Внедряет в документ звуковой файл. Файл проигрывается в качестве фоновой музыки.
Атрибуты:
loop - Указывает на количество повторов воспроизведения файла.
  • 1 - Постоянное, непрерывное воспроизведение звукового файла.
  • 0 - Воспроизведение звукового файла только один раз.
  • X - Заданное количество повторов воспроизведения где Х - число повторов.

src - Указывает путь к звуковому файлу

Синтаксис:
<bgsound src="music.wav" loop=3>

Не требует закрывающего тега.

<big>Делает текст крупным.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<big title="Ваше описание">этот текст будет крупным</big>

Читать о теге подробно в учебнике HTML

<body>"Тело" документа указывает содержание видимой части документа.
Атрибуты:
bgcolor - задаёт цвет фона документа.
background - указывает адрес рисунка делая его фоном документа.
text - цвет текста документа.
link - цвет ссылок.
vlink - цвет посещённых ссылок.
alink - цвет нажатой, активной ссылки.
bgproperties="fixed" - делает рисунок фон фиксированным.(фоновое изображение не прокручивается при нажатии PageDown) 

Синтаксис:
<body link="#008000" alink="# ff0000 " vlink="# ffff00" text="#484800" bgcolor="#ffffff" background="fon.jpg" bgproperties="fixed">
содержание видимой части документа
</body>

Читать о теге подробно в учебнике HTML

<blockquote>Предназначен для создания цитат.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<blockquote title="подсказка">Данный текст будет являться цитатой, имея отступы с обеих сторон документа и остального текста</blockquote>

<br>Перенос строки.
Синтаксис:

<br>
не требует закрывающего тега.

Читать о теге подробно в учебнике HTML

<center>Горизонтальное выравнивание всех элементов по центру документа.
Синтаксис:
<center>этот текст будет выровнен по центру</center>

Читать о теге подробно в учебнике HTML

<cite>Выделяет в тексте цитату. Обычно курсивом.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<cite title="Ваше описание">Лед тронулся! господа присяжные заседатели!</cite>

<code>Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом.
Атрибуты:
title - всплывающая подсказка

Синтаксис:
<code title="Ваше описание">Некий программный код</code>

<dd>Описание списка определений.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<dl>
<dt>Опрределение
 <dd title="подсказка">Описание определения
</dl>

Закрывающий тег необязателен.

Читать о теге подробно в учебнике HTML

<del>Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<del title="Ваше описание">Старая цена 1000р.</del> - Новая 999 р.!!!

<dfn>Отмечает текст как определение. Обычно отображается курсивом.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<dfn title="Ваше описание">Электроток - это направленное упорядоченное движение заряженных частиц</dfn>

<div>Определяет блок HTML. Преимущественно используется совместно с CSS.
Атрибуты:
align - Выравнивание блока относительно страницы:
  • left - по левому краю документа (по умолчанию)
  • right - по правому краю документа
  • center - по центру
  • justify - по обоим краям документа

title - Всплывающая подсказка.
unselectable - Запрещает или разрешает пользователю выделять текст в блоке.

  • on - запрещает,
  • off - разрешает.

Синтаксис:
<div style="color: #ff0000; font-size: 22px" unselectable="on" align="center" title="подсказка">Текст в этом блоке нельзя выделить</div>

Читать о теге подробно в учебнике HTML

<dl>Создаёт список определений.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<dl title="список">
<dt>Опрределение
<dd>Описание определения
</dl>

Читать о теге подробно в учебнике HTML

<dt>Определение списка определений.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<dl>
<dt title="подсказка">Опрределение
<dd>Описание определения
</dl>

Закрывающий тег необязателен.

Читать о теге подробно в учебнике HTML

<em>Выделяет особенно важный фрагмент текста. Обычно браузерами отображается курсивом.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<em title="Ваше описание">этот текст будет наклонным</em>

<font>Шрифт.
Атрибуты:
size - размер шрифта
color - цвет шрифта
face - задаёт шрифт из библиотеки шрифтов

Синтаксис:
<font face="arial" size="+2" color="#ff0000"> этот текст будет напечатан красным цветом с помощью шрифта Аrial размером+2</font>

Читать о теге подробно в учебнике HTML

<frame>Определяет фрейм в фреймовой структуре документа. Располагается внутри тега <frameset>.
Атрибуты:
srs - Путь к документу. Обязательный атрибут
name - Присваивает имя фрейму.
marginwidth - Отступ в пикселях от левого и правого края фрейма.
marginheight - Отступ в пикселях от верхнего и нижнего края фрейма.
scrolling - Определяет наличие полос прокрутки содержимого фрейма.
  • no- никогда не показывать полосу прокрутки,
  • yes - всегда показывать,
  • auto- показывать в том случае если она необходима.

noresize - Запрещает пользователю изменять размеры фрейма.
frameborder - Определяет наличие рамок у фрейма.

  • 1 - включить рамку
  • 0- выключить рамку

bordercolor - Задаёт цвет бордюра фрейма.

Синтаксис:
<html>
<head>
<title>фреймы</title>
</head>
<frameset rows="30%,70%">
<frame src="primer1.html" marginwidth="0" marginheight="0" noresize>
<frame src="primer2.html" name="osnovnoe" scrolling="no" bordercolor="#ff0000">
</frameset>
</html>

Не требует закрывающего тега.

Читать о теге подробно в учебнике HTML

<frameset>Определяет фреймовую структуру документа. Используется вместо тега <body>.
Атрибуты:
rows - Определяет количество и размеры горизонтальных фреймов в пикселях процентах или * - использовать всё свободное пространство.
cols - Количество и размеры вертикальных фреймов.
border - Определяет ширину рамок фреймов в пикселях.
frameborder - Определяет наличие рамок у фрейма.
  • 1 - включить рамку
  • 0 - выключить рамку

framespacing - определяет ширину рамок фреймов в пикселях. Альтернатива border и frameborder при нулевом значении.

Синтаксис:
<html>
<head>
<title>фреймы</title>
</head>
<frameset rows="15%,85%" framespacing="0" frameborder="0" border="0">
<frame src="logotype.html">
<frameset cols="20%,80%" framespacing="0" frameborder="0" border="0">
<frame src="menu.html">
<frame src="text.html">
</frameset>
</frameset>
</html>

Читать о теге подробно в учебнике HTML

<h1>Делает текст заголовоком. Может иметь значение от 1-6.
Атрибуты:
align -выравнивание заголовока по:
  • center - центру
  • left - левому краю
  • right - правому краю

title- Всплывающая подсказка

Синтаксис:
<h3 title="Ваше описание" align="right">заголовок</h3>

Читать о теге подробно в учебнике HTML

<head>"Голова" определяет место в документе не для отображения видимой его части "тела" может располагать в себе теги предназначенные для поисковых машин, а так же название документа.
<hr>Рисует горизонтальную линию.
Атрибуты:
align -выравнивание линии по:
  • center - центру
  • left - левому краю
  • right - правому краю

size - толщина линии
width - ширина линии
color - присваивает цвет линии
noshade - указывает на отсутствие тени линии

Синтаксис:
<hr align="left" size="5" width="200" color="#ff0000" noshade>
не требует закрывающего тега

Читать о теге подробно в учебнике HTML

<html>Указывает программам просмотра html страниц начало и конец документа.
<i>Делает текст наклонным.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<i title="Ваше описание">этот текст будет наклонным</i>

Читать о теге подробно в учебнике HTML

<iframe>Вводит на страницу не фреймовой структуры плавающий фрейм.
Атрибуты:
src - Путь к вводимому документу (обязательный атрибут)
width - ширина плавающего фрейма в пикселях или процентах
height - высота плавающего фрейма

scrolling - показ полосы прокрутки:

  • no- никогда не показывать полосу прокрутки,
  • yes - всегда показывать,
  • auto- показывать в том случае если она необходима.

align - выравнивание пваюшего фрейма:

  • left - слева
  • right - справа
  • top - выше
  • bottom - ниже

frameborder - наличие рамки вокруг плавающего фрейма:

  • 1 - включить рамку
  • 0- выключить рамку

Синтаксис:
<iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1"></iframe>

Читать о теге подробно в учебнике HTML

<img>Выводит графическое изображение (рисунок).
Атрибуты:
src - адрес рисунка. (обязательный атрибут)
align -выравнивание рисунка по:
  • center - центру
  • left - левому краю
  • right - правому краю
  • bottom - нижнему краю
  • top - верхнему краю
  • middle - по середине

alt - Описание рисунка (когда он не загружен), может выполнять роль всплывающей подсказки.
title- Всплывающая подсказка
border - Толщина рамки
bordercolor - Цвет рамки
width - Ширина рисунка
height - Высота рисунка
hspace - Горизонтальный отступ
vspace - Вертикальный отступ
ismap - Изображение является навигационной картой на сервере
usemap - Изображение является навигационной картой на стороне клиента.

Синтаксис:
<img src="foto.jpg" alt="описание" title="описание" align="right" width="100" height="100" hspace="10" vspace="10" border="2"bordercolor="#ff0000">
Не требует закрывающего тега

Читать о теге подробно в учебнике HTML

<ins>Выделяет новый текст в новой версии документа. Выделенный текст станет подчёркнутым.
Противоположен по значению тегу <del>.

Атрибуты:
title- всплывающая подсказка

Синтаксис:
<del> Старая цена 1000р.</del> - <ins title="Ваше описание">Новая 999 р.</ins>!!!

<kbd>От английского keyboard - клавиатура. Указывает текст вводимый с клавиатуры. Обычно отображается моноширинным шрифтом.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<kbd title="Ваше описание">Текст набранный клавиатурой</kbd>

<li>Обозначает элемент списка. Используется в нумерованных и ненумерованных списках.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<ul>
      <li title="главный пункт">Пункт 1
<li>Пункт 2
<li>Пункт 3
</ul>

Закрывающий тег необязателен.

Читать о теге подробно в учебнике HTML

<link>Указывает на связь документа с каким либо внешним файлом.
Тег <link> является ссылкой, но не для людей а для программ, и ведет к внешнему файлу например иконке или таблице стилей.. Располагается в "голове" документа между тегом <head></head> и не выводится браузерами на экран.

Атрибуты:
href - Путь к файлу.
rel - Определяет отношения между текущим документом и файлом, на который делается ссылка.

  • shortcut icon - Определяет, что подключаемый файл является иконкой.
  • stylesheet - Определяет, что подключаемый файл содержит таблицу стилей.
  • application/rss+xml - Файл в формате XML для описания ленты новостей.

type - тип данных подключаемого файла.

Синтаксис:
<head>
   <link rel="shortcut icon" href="favicon.ico">
   <link rel="stylesheet" href="style.css" type="text/css">
<title>link</title>
</head>

Не требует закрывающего тега.

<map>Определяет место в коде документа в котором создаётся описание карты-изображения с помощью тега/тегов <area>
Атрибуты:
name - указывает имя графического изображения которое является картой

Синтаксис:
<img src="karta.jpg" usemap="#panel" width="300" height="100" border="0">
<map name="panel">
<area href="primer.html" shape="rect" coords="15,15,80,80" alt="описание" title="описание" target="_blank">
</map>

Читать о теге подробно в учебнике HTML

<marquee>Бегущая строка.
Атрибуты:
behavior - определяет тип скроллинга, может иметь следующие значения:
  • alternate - колебательные движения от края к краю
  • scroll - прокручивание текста. текст будет выходить за рамки экрана и снова появляться с противоположной его стороны
  • slide - прокручивание текста c остановкой.

scrollamount - скорость бегущей строки от 1 до 10.
loop задает количество прокруток бегущей строки.

direction - направление движения текста. значения:

  • up - вверх,
  • down - вниз,
  • left - влево,
  • right - вправо.

bgcolor - цвет фона бегущей строки,
height - высота строки,
width - ширина строки.
title- Всплывающая подсказка

Синтаксис:
<marquee behavior="alternate" direction="right" scrollamount="8" bgcolor="#b40000" title="описание">этот текст будет являтся бегущей строкой</marquee>

Читать о теге подробно в учебнике HTML

<meta>Определяет мета теги информация в которых предназначена для браузеров и поисковых систем.
Мета теги не видны пользователю и располагаются в заголовке HTML документа между тегами <head> </head>

Атрибуты:
http-equiv - указывает браузеру как следует обработать основное содержание документа.
name - информационное имя.
content - информационное содержание(обязательный атрибут).
Атрибуты http-equiv и name могут быть равны любому подходящему идентификатору.

Синтаксис:
<head>
   <meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
<meta name="author" Content="Остап Бендер">
<meta name="copyright" Content=""Рога и копыта" Остап Бендер">
<meta name="description" Content="Производим закупку по выгодным ценам рогов и копыт!">
<meta name="keywords" Content="рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене">

</head>

Не требует закрывающего тега.

Читать о теге подробно в учебнике HTML

<nobr>Запретить перенос строки. Противоположенный по значению тег <br>
Синтаксис:
<nobr>Длинная, длинная, очень длинная строка.. которая не будет переносится на другую строчку так как мы принудительно запретили ей это делать. Из-за неё появится горизонтальная полоса прокрутки, однако, что поделаешь, раз нам так захотелось..</nobr>
<noframes>Тег <noframes> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает фреймы или они принудительно выключены в его настройках.
   Тег <noframes> должен быть расположен внутри тега <frameset>.

Синтаксис:
<noframes>Извините, но Ваш браузер не поддерживает фреймы..</noframes>

Читать о теге подробно в учебнике HTML

<noscript>Тег <noscript> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает скрипты или они принудительно выключены в его настройках.
Синтаксис:
<noscript>Извините, но Ваш браузер не поддерживает скрипты..</noscript>
<ol>Определяет нумерованный (упорядоченный) список.
Атрибуты:
type-Тип маркера
  • А - Заглавные буквы
  • а - Строчные буквы
  • I - Заглавные римские цифры
  • i - Строчные римские цифры
  • 1 - Арабские цифры (по умолчанию)

title - Всплывающая подсказка
start - Начальное значение для нумерованного списка

Синтаксис:
<ol type=1 start="24" title="список">
<li>Пункт 24
<li>Пункт 25
<li>Пункт 26
</ol>

Читать о теге подробно в учебнике HTML

<p>Создаёт параграф.
Атрибуты:
align - Выравнивание параграфа относительно страницы:
  • left - по левому краю документа (по умолчанию)
  • right - по правому краю документа
  • center - по центру
  • justify - по обоим краям документа

title- Всплывающая подсказка

Синтаксис:
<p align="right" title="Ваше описание">Текст</p>

Читать о теге подробно в учебнике HTML

<pre>Обрамляет предварительно отформатированный текст. Браузер при выводе текста на экран не удаляет пробелы и переносы строк.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<pre title="Ваше описание">Текст             текст             текст</pre>

Читать о теге подробно в учебнике HTML

<q>Предназначен для создания цитат. От <blockquote> отличается тем что цитата не имеет отступов. А в отличие от тега <cite>цитата обозначенная тегом <q> автоматически берётся браузерами в кавычки.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<q title="подсказка">Данный текст будет являться цитатой.</q>

<s>Делает текст перечёркнутым. Аналогичент тегу <strike>.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<s title="Ваше описание">Этот текст будет перечёркнутым</s>

Читать о теге подробно в учебнике HTML

<samp>Выделяет текст как образец. Используется для отметки текста являющемся результатом работы программ.
Отображается моноширинным шрифтом.

Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<samp title="Ваше описание">Этот текст является результатом действия некой программы</samp>

<script>Внедряет на страницу скрипт.
Атрибуты:
defer - Указывает на то что перед выполнением скрипта следует полностью загрузить документ в который он внедрён.
type - Определяет тип содержимого тега <script>
language - Определяет язык скрипта.
  • JScript
  • javascript
  • VBS
  • VBScript

src - Путь к внешнему файлу содержащему скрипт.

Синтаксис:
<html>
<head>
<title>скрипт</title>
</head>
<body>
<script language="vbscript">
Sub knopka()
Alert "Привет мир!"
End Sub
</script>
<button onclick="knopka()">кнопка</button>
</body>
</html>

<small>Делает текст малым.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<small title="Ваше описание">Этот текст будет маленьким</small>

Читать о теге подробно в учебнике HTML

<span>Определяет контейнер для внутреннего текста. Как правило используется совместно с CSS.
Атрибуты:
title - Всплывающая подсказка.
unselectable - Запрещает или разрешает пользователю выделять текст в блоке.
  • on - запрещает,
  • off - разрешает.

Синтаксис:
<p><span style="color: #ff0000; font-size: 22px" unselectable="on" title="Описание">Первое</span> слово в параграфе имеет собственыые свойства<p>

<strike>Делает текст перечёркнутым. Аналогичент тегу <s>.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<strike title="Ваше описание">Этот текст будет перечёркнутым</strike>

Читать о теге подробно в учебнике HTML

<strong>Выделяет особенно важный фрагмент текста. Обычно браузерами отображается полужирным.
Атрибуты:
title- всплывающая подсказка

Синтаксис:
<strong title="Ваше описание">Этот текст будет полужирным</strong>

<style>Служит для определения стилей элементов страницы. Тег <style> распологается в заголовке страницы между <head></head>.
Атрибуты:
media - Указывает на устройство вывода, для работы с которым предназначена таблица стилей.
  • all -Все устройства.
  • screen - Монитор (по умолчанию).
  • print - Принтер.
  • projection - Проектор.
  • braille - Устройства, основанные на системе Брайля. Предназначены для слепых людей.
  • speech - Речевые синтезаторы.

type - Сообщает браузеру, какой синтаксис использовать для правильной интерпретации стилей. Синтаксис:
<html>
<head>
<title>Стили</title>
<style type="text/css">
a:link {
color: #008000;
text-decoration: none;
font-size: 14px;
}
a:hover {
text-decoration: none;
color: #ff0000;
font-size: 18px;
}
</style>
</head>
<body>
<a href="page.html">открыть страницу</a>
</body>
</html>

<sub>Нижний индекс.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
Нижний<sub title="Ваше описание">индекс</sub>

Читать о теге подробно в учебнике HTML

<sup>Верхний индекс.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
Верхний<sup title="Ваше описание">индекс</sup>

Читать о теге подробно в учебнике HTML

<table>Создаёт таблицу.
Атрибуты:
align - Выравнивание таблицы по:
  • left - по левому краю (по умолчанию)
  • right - по правому краю
  • center - по центру
  • justify - по левому и правому краю

bgcolor - Цвет фона таблицы.
border - Толщина бордюра в пикселях.
background - Задает фоновый рисунок в таблице.
bordercolor - Цвет бордюра.
cellspacing - Расстояние между ячейками таблицы.
cellpadding - Расстояние между содержимым ячейки и рамкой.
width - Ширина таблицы в процентах или пикселях.
height - Высота таблицы в процентах или пикселях.
cols - Определяет число колонок в таблице. Позволяет браузерам показывать содержимое таблицы ещё до окончания её полной загрузки.
frame - Определяет в каких местах таблицы следует показывать бордюр.

  • void - Нет бордюра
  • border - Бордюр вокруг всей таблицы. (по умолчанию)
  • above - Бордюр по верхнему краю таблицы.
  • below - Бордюр только снизу таблицы.
  • hsides - Только горизонтальные границы.
  • vsides - Только вертикальные границы.
  • rhs -Бордюр только справа.
  • lhs - Бордюр только слева.

rules - Определяет в каких местах ячеек таблицы следует показывать бордюр.

  • all - Вокруг каждой ячейки.(по умолчанию)
  • groups - Между группами ячеек образованными тегами <thead>, <tbody>, <tfoot>, <colgroup>, <col>.
  • cols - Только между столбцами таблицы.
  • none - Отсутствуют.
  • rows - Только между строк таблицы.

Синтаксис:
<table cols="2" border="5" frame="vsides" align="center" width="100%" height="300" cellpadding="5" cellspacing="2" bgcolor="#ffa0cf">
<tr>
<td>строка1 ячейка1</td> <td>строка1 ячейка2</td>
</tr>
<tr>
<td>строка2 ячейка1</td> <td>строка2 ячейка2</td>
</tr>
 </table>

Читать о теге подробно в учебнике HTML

<td>Создаёт отдельную ячейку в таблице.
Атрибуты:
width - Ширина ячейки в процентах или пикселях
height - Высота ячейки в процентах или пикселях

align - Выравнивает текст в ячейке:

  • left - по левому краю (по умолчанию)
  • right - по правому краю
  • center - по центру
  • justify - по левому и правому краю

valign - Выравнивает текст в ячейке по вертикали:

  • top - по верхнему краю
  • middle - по центру
  • bottom - по нижнему краю
  • baseline - по базовой линии.

colspan - количество столбцов занимаемое ячейкой
rowspan - количество рядов занимаемое ячейкой
bgcolor - Цвет фона ячейки
background - Задает фоновый рисунок в ячейке.
bordercolor - Цвет бордюра.
title - Всплывающая подсказка
nowrap - Запрещает перенос строк в ячейке.

Синтаксис:
<table border="1" width="100%" height="300">
<tr>
<td colspan="2" valign="top" align="center" bgcolor="#b2ff80">строка1 ячейка1</td>
</tr>
<tr>
<td height="200" width="33%" bgcolor="#ffa0cf">строка2 ячейка1</td>
<td title="Описание ячейки" align="center">строка2 ячейка2</td>
</tr>
</table>

Читать о теге подробно в учебнике HTML

<th>Создаёт ячейку в таблице которая определяется как заголовок.
Обычно браузеры выравнивают содержимое ячейки/заголовка по центру и делают текст жирным.

Атрибуты:
width - Ширина ячейки в процентах или пикселях
height - Высота ячейки в процентах или пикселях

align - Выравнивает текст в ячейке:

  • left - по левому краю
  • right - по правому краю
  • center - по центру
  • justify - по левому и правому краю

valign - Выравнивает текст в ячейке по вертикали:

  • top - по верхнему краю
  • middle - по центру
  • bottom - по нижнему краю
  • baseline - по базовой линии.

colspan - количество столбцов занимаемое ячейкой
rowspan - количество рядов занимаемое ячейкой
bgcolor - Цвет фона ячейки
background - Задает фоновый рисунок в ячейке.
bordercolor - Цвет бордюра.
title - Всплывающая подсказка
nowrap - Запрещает перенос строк в ячейке.

Синтаксис:
<table border="1" width="100%" height="300">
<tr>
<th colspan="2" title="Описание заголовка" bgcolor="#b2ff80" bordercolor="#ff0000">Заголовок таблицы</th>
</tr>
<tr>
<td height="200" width="33%" bgcolor="#ffa0cf">строка2 ячейка1</td>
<td title="Описание ячейки" align="center">строка2 ячейка2</td>
</tr>
</table>

<title>Заголовок и название документа.
Располагается в "голове" документа между тегами <head> </head> может быть использован только один раз

Синтаксис:
<title>Название страницы</title>

Читать о теге подробно в учебнике HTML

<tr>Создаёт строку в таблице.
Атрибуты:
align - Выравнивает текст в ячейках строки:
  • left - по левому краю (по умолчанию)
  • right - по правому краю
  • center - по центру
  • justify - по левому и правому краю.

valign - Выравнивает текст в ячейках строки по вертикали:

  • top - по верхнему краю
  • middle - по центру
  • bottom - по нижнему краю
  • baseline - по базовой линии.

bordercolor - Цвет бордюра.
bgcolor - Цвет фона ячеек строки

Синтаксис:
<table border="1" width="100%" height="300">
<tr valign="middle" align="center" bordercolor="#ff0000">
<td>строка1 ячейка1</td> <td>строка1 ячейка2</td>
</tr>
<tr valign="top" align="left" bgcolor="#ffa0cf">
<td>строка2 ячейка1</td> <td>строка2 ячейка2</td>
</tr>
</table>

Читать о теге подробно в учебнике HTML

<tt>Делает текст моноширинным.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<tt title="Ваше описание">этот текст будет моноширинным</tt>

Читать о теге подробно в учебнике HTML

<u>Делает текст подчёркнутым.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<u title="Ваше описание">этот текст будет подчёркнутым</u>

Читать о теге подробно в учебнике HTML

<ul>Определяет ненумерованныый (неупорядоченный)список.
Атрибуты:
type-Тип маркера
  • disk - Закрашенный кружок. (по умолчанию)
  • circle - Незакрашенный кружок
  • square - Квадрат

title- Всплывающая подсказка

Синтаксис:
<ul type=circle title="список">
<li>Пункт 1
<li>Пункт 2
<li>Пункт 3
</ul>

Читать о теге подробно в учебнике HTML

<var>Выделяет в тексте переменные. Обычно отображается курсивом.
Атрибуты:
title- Всплывающая подсказка

Синтаксис:
<var title="Ваше описание">переменная</var>

<wbr>Разрешает перенос строки.
Используется внутри тега <nobr>

Синтаксис:
<nobr> Длинная, длинная, очень длинная строка.. которая не будет переносится на другую строчку так как мы принудительно запретили ей это делать. <wbr> Однако именно в этом месте мы все же разрешим перенести текст на следующую строчку </nobr>

Не требует закрывающего тега.

<xmp>Отображает текст в том виде в котором он и был набран.
Пробелы, переносы строк не удаляются, кроме того спецсимволы выводятся как обычный текст.

Синтаксис:
<xmp>
Пример:
<html>
<head>
<title>Моя первая страничка </title>
</head>
<body>
Привет мир!!!
</body>
</html>
</xmp>

 
Нравится