panweb line
Конструктор сайтов panweb website builder

Основы HTML - описание и переменные в уроке от panweb

Конструктор сайтов Panweb закрывается.
Регистрация новых сайтов закрыта.
Все созданные сайты будут работать до конца 2016 года.
По любым вопросам обращайтесь на почту support@panweb.com

 

Основные понятия:

Элемент - это конструкция языка HTML, содержащая какие-то данные, например:
<B>текст</B> - это элемент, в котором можно выделить три части:
  • <B> - открывающий тег (англ. tag);
  • текст - содержимое элемента (в данном примере, текст);
  • </B> - закрывающий тег;
Теги начинаются символом "<" и заканчиваются символом ">", закрывающий тег отличается от открывающего наличием символа "/".
Для некоторых элементов закрывающий тег не обязателен, а некоторые вообще не имеют закрывающего тега.
Допускается использование вложенных элементов, например: <B><I>текст</I></B>
Элементы могут содержать атрибуты, содержащиеся в открывающем теге, например: <FONT color="blue" size="3">

Основные HTML теги

>Заголовки

<H1>Заголовок 1</H1>

<H2>Заголовок 2</H2>

<H3>Заголовок 3</H3>

<H4>Заголовок 4</H4>

<H5>Заголовок 5</H5>
<H6>Заголовок 6</H6>
Шрифты <FONT COLOR="red">Красный</FONT>
<FONT SIZE="5">Шрифт 5 размера</FONT>
<B>Жирный</B>
<I>Курсив</I>
<S>Зачёркнутый</S>
<U>Подчёркнутый</U>
<SMALL>Уменьшенный</SMALL>
<BIG>Увеличенный</BIG>
текст <SUP>Верхний индекс</SUP>
текст <SUB>Нижний индекс</SUB>
Ссылки <A HREF="http://www.yandex.ru/">Яндекс</A>
<A HREF="http://www.yandex.ru/" target="_blank">Яндекс (откроется в новом окне)</A>
Картинки <IMG SRC="http://www.panweb.com/www/img/logo-print-small.jpg">

Таблицы <TABLE>содержимое таблицы</TABLE>
<TR>содержимое строки</TR>
<TD>содержимое ячейки</TD>

Пример
<table>
<tr><td>1.1</td><td>1.2</td></tr>
<tr><td>2.1</td><td>2.2</td></tr>
</table>
1.11.2
2.12.2
<TABLE border=1 width=100%> - толщина границы = 1, ширина таблицы = 100%

Списки Точки
<UL>
  • <LI>элемент 1</LI>
  • <LI>элемент 2</LI>
  • <LI>элемент 3</LI>
</UL>

Автоматическая нумерация
<OL>
  1. <LI>элемент 1</LI>
  2. <LI>элемент 2</LI>
  3. <LI>элемент 3</LI>
</OL>